이 코드에 마우스 아웃시 지연을 추가해야합니다.

Question

이것은 "Views Popup"이라는 Drupal 6.x 모듈의 일부 자바 스크립트입니다. 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

- 당신은 팝업 숨기기위한 지연 시간을 설정할 것을, 당신이 할 수있는 것은 자바 스크립트의 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); 
} 

이 e.hide (함수)를 호출한다.