마우스를 움직일 때 Jquery hover가 발생하면

마우스를 빠르게 움직일 때 (항상 IE에서만 사용) 두 호버 핸들러가 모두 트리거되므로 아무 것도 나타나지 않습니다. hoverIntend를 사용해 보았지만 그 플러그인이 e.pageX/Y로 엉망이되었습니다 아이디어를 수정하는 방법은 5 시간 후에 완료되지 않았습니다.마우스를 움직일 때 Jquery hover가 발생하면

yOffset = 10; 
xOffset = 30;  

$("img.hover-preview").hover(function(e){ 
//alert('hover'); 

this.t = this.title; 
this.title = ""; 
var c = (this.t != "") ? "<br/>" + this.t : ""; 

preview_link = $('#' + this.id + '-url').attr('src'); //Get the src of the bigger preview image 
zoom_link = $('#' + this.id + '-url-zoom').attr('src'); //Get the src of the ZOOM image 

//Output of the preview element 
$("body").append("<div id='hover-preview-active'><img src='"+ preview_link +"' alt='Loading Image Preview' /><span>" 
       + Drupal.t("Press and hold Z key to zoom") + "</span></div>");  

$("#hover-preview-active") 
    .css("top", (e.pageY - yOffset) + "px") 
    .css("left",(e.pageX + xOffset) + "px") 
    .fadeIn("fast"); 
}, 

function(){ 
    this.title = this.t; 
    $("#hover-preview-active").remove(); 
});

출처

2010-11-30 e-anima

어떻게 작동 시키시겠습니까? –

그것은 해결책으로 aditya에서 일하고 있습니다 –

당신은 당신의 호버 아웃 기능이 작업을 수행 할 수 있습니다 호출 될 때 #hover-preview-active 애니메이션이되면 실행에서 기능을 중지합니다

function(){ 
    if($("#hover-preview-active").is(":animated")) 
     return; 

    this.title = this.t; 
    $("#hover-preview-active").remove(); 
});

출처

2010-11-30 21:12:00 aditya

마우스를 움직일 때 Jquery hover가 발생하면

답변

관련 문제