需要在此代码上向鼠标移出添加延迟

Question

这是一个名为“视图弹出窗口”的drupal 6.x模块的一些JavaScript。 https://drupal.org/project/views_popup

当鼠标离开触发弹出窗口的链接时，我似乎无法在弹出窗口中设置延迟。我在弹出窗口中有标题，引导文字和更多链接，并且用户需要能够将鼠标移出链接（图片）以点击“阅读更多”链接。我已经尝试调整下面的代码中的所有设置，但似乎没有涉及到这一点。我不是一个编码器，但我认为需要添加一些东西来完成这项工作。任何建议将不胜感激。

下面的代码：

var popup_time = 0; 
var popup_elem = 0; 
var popup_show_timer = 0; 
var popup_reset_timer = 0; 

$(function() { 
    popup_reset(); 

    $(".views-popup").appendTo("body"); 
}); 

Drupal.behaviors.viewsPopup = function(context) { 
    $(".views-popup-row").mouseover(function() { 
     popup_show(this); 
    }) 
    .mouseout(function() { 
     popup_hide(this); 
    }) 
    .mousemove(function(e) { 
     popup_move(this,e); 
    }); 
} 

function popup_move(me,evt){ 
    var e, top, left; 

    if (Drupal.settings.views_popup.follow_mouse){ 
    left = evt.pageX + 15; 
    top = evt.pageY; 

    $("#views-popup-" + $(me).attr("id")).css({ 
     left: left + 'px', 
     top: top + 'px' 
    }); 
    } 
} 


function popup_show(me) { 
    var p, e, top, left, pos ; 

    var x = $(me).attr("id"); 

    e = $("#views-popup-" + $(me).attr("id")); 
    if (e == popup_elem) { 
    return ; // already handled 
    } 

    if (! Drupal.settings.views_popup.follow_mouse){ 
    pos = $(me).offset(); 
    left = 20 + pos.left - $(document).scrollLeft(); 
    top = 2 + pos.top + $(me).outerHeight() - $(document).scrollTop(); 
    $(e).css({ 
     left: left + 'px', 
     top: top + 'px' 
    }); 
    } 

    popup_clear_show_timer(); 

    if (popup_elem) { 
    popup_elem.hide(); 
    popup_time = 500 ; 
    } 
    popup_elem = e; 
    if (popup_time == 0) { 
    popup_show_now(); 
    } else { 
    popup_show_timer = setTimeout("popup_show_now();",popup_time); 
    } 
} 


function popup_show_now() { 
    popup_show_timer = 0 ; 

    if(popup_elem) { 
    popup_elem.show(); 
    clearTimeout(popup_reset_timer); 
    popup_time = 0; 
    } 
} 

function popup_clear_show_timer(){ 
    if (popup_show_timer) { 
    clearTimeout(popup_show_timer); 
    popup_show_timer = 0; 
    } 
} 

function popup_hide(me) { 
    e = $("#views-popup-" + $(me).attr("id")); 

    popup_clear_show_timer(); 
    clearTimeout(popup_reset_timer); 

    e.hide(); 
    if(e == popup_elem) { 
    popup_elem = 2; 
    } 
    popup_reset_timer = setTimeout('popup_reset()',Drupal.settings.views_popup.reset_time); 
} 

function popup_reset(){ 
    popup_time = Drupal.settings.views_popup.popup_delay; 
} 

Answer 1

因此，假设上面的代码工作，你怎么想 - 并要设置弹出隐藏的延迟，你所能做的就是调用JavaScript的setTimeout(function, delay)功能，它在delay毫秒后启动回调。

function popup_hide(me) { 
    e = $("#views-popup-" + $(me).attr("id")); 

    popup_clear_show_timer(); 
    clearTimeout(popup_reset_timer); 

    var delay = 1000; // ms 
    setTimeout(e.hide, delay); // <------- here 

    if(e == popup_elem) { 
    popup_elem = 2; 
    } 
    popup_reset_timer = setTimeout('popup_reset()',Drupal.settings.views_popup.reset_time); 
} 

这将在1秒后通过e.hide（函数）。