Question

我有这一法典:

    $( #label, #btlabel ).live( hover ,function(){

        parent = $(this).parent().attr( id );
        position = $(this).parent().position();
        positionTop = (position.top)-45; 

        text = translate( zones_ +parent+ _tooltip ,lang);

        $( span#tooltips ).html(text); 
        height = $( span#tooltips ).height();
        if (height == 16){positionTop = (positionTop + 16);}
        if ($(this).parent().hasClass( advanced )) {positionTop = (positionTop + 260);} 
        $( span#tooltips ).css( top ,positionTop).delay(5000).show(0);

     });

    $( #label, #btlabel ).live( mouseout ,function(){   
$( span#tooltips ).hide();
     });

如果贴上标签,我使用的是显示/使用工具。推迟表演(显示)的功劳,但是,如果停播功能被叫的话,我需要停止执行(此时,如果在5秒钟之前,你在标签上被 h倒,工具仍然显示)。我尝试了停下来,但找不到工作。

是否有人解释我如何能够这样做?

感谢任何帮助

Answer 1

As it says at http://api.jquery.com/delay/ use setTimeout instead which can be cancelled.

延迟处理法最好能延迟定点效果。由于其局限性,例如,它提供了取消拖延的办法,因此,拖延不是 Java本古典本土固定时间功能的替代,而这种功能可能更适合某些使用情况。

Answer 2

或许应当使用定时并取消(你可以取消在上写的延迟(......)。

var timeout;
$( #label, #btlabel ).live( hover ,function(){

    parent = $(this).parent().attr( id );
    position = $(this).parent().position();
    positionTop = (position.top)-45; 

    text = translate( zones_ +parent+ _tooltip ,lang);

    $( span#tooltips ).html(text); 
    height = $( span#tooltips ).height();
    if (height == 16){positionTop = (positionTop + 16);}
    if ($(this).parent().hasClass( advanced )) {positionTop = (positionTop + 260);} 
    $( span#tooltips ).css( top ,positionTop)
     timeout = setTimeout($( span#tooltips ).show(0), 5000);

 });

$( #label, #btlabel ).live( mouseout ,function(){   
   clearTimeout(timeout);
    $( span#tooltips ).hide();
 });

Answer 3

You might want to use a plugin (jquery intent) that s made exactly for your situation, and is very customizable: http://cherne.net/brian/resources/jquery.hoverIntent.html

友情链接