jQuery tetikleme durumunu başlatmadan önce tetikleme durumunu kontrol edin

Question

jquery ile küçük bir kaydırıcı eklentisi oluşturun. farenin sol veya sağ kontrol divunun üzerindeyken görüntüler% 5 oranında soldan veya sağdan kayıyordu. Tıklatıldığında görüntü,% 100

'a doğru kaymaktadır. Sorun, farenin soldaki sağdaki kontrol divanındaki tüm slayt sırasında fareyi hareket ettirirken farenin farenin sol divanın her zaman tetiklenip tetiklenmediğini kontrol etmesidir. olay tekrar. sonuç, soldan ve sağdan gelen resmin% 5 olduğunu gösteriyor.

Bu gibi fareyi kontrol etmenin bir yolu var mı?

if($(this).mouseover()) 
$(".right").trigger("mouseover"); 

bu

 $(".right",this).bind({ 
      mouseover:function(){ 
       if(vars.current == $("img").length-1 || vars.running) return false; 
       $("img:eq("+(vars.current+1)+")").removeAttr("style").css({position:"absolute",left:"100%","z-index":vars.current+1}).show().animate({left:"95%"}, {queue: false}) 
      }, 
      mouseleave:function(){ 
       if(vars.current == $("img").length-1 || vars.running) return false; 
       $("img:eq("+(vars.current+1)+")").animate({left:"100%"}, {queue: false , complete:function(){ $(this).hide() } }); 
      }, 
      click:function(){ 
       if(vars.current == $("img").length-1 || vars.running) return false; 
       vars.running = true; 
       $("img:eq("+(vars.current+1)+")").animate({left:"0%"}, {queue: false, complete:function(){ 
        $("img:eq("+vars.current+")").hide(); 
        $(this).css({"z-index":0}) 
        vars.current++; 
        vars.running = false; 
        if($(this).mouseover()) 
        $(".right").trigger("mouseover"); 
       } }); 
      } 
     }) 

i diğer cevabını şekilde kullanabilirsiniz

... ama onun deletet gibi bir kontrolör div görünüm kod ....

mouseover:function(){ 
       isOver = 'right'; 
       if(vars.current == $("img").length-1 || vars.running) return false; 
       $("img:eq("+(vars.current+1)+")").removeAttr("style").css({position:"absolute",left:"100%","z-index":vars.current+1}).show().animate({left:"95%"}, {queue: false}) 
      }, 
      mouseleave:function(){ 
       isOver = false 
       if(vars.current == $("img").length-1 || vars.running) return false; 
       $("img:eq("+(vars.current+1)+")").animate({left:"100%"}, {queue: false , complete:function(){ $(this).hide() } }); 
      }, 
      click:function(){ 
       if(vars.current == $("img").length-1 || vars.running) return false; 
       vars.running = true; 
       $("img:eq("+(vars.current+1)+")").animate({left:"0%"}, {queue: false, complete:function(){ 
        $("img:eq("+vars.current+")").hide(); 
        $(this).css({"z-index":0}) 
        vars.current++; 
        vars.running = false; 
        if(isOver) 
        $("."+isOver).trigger("mouseover"); 
       } }); 
      } 

kullanarak var isOver sola veya sağa tetikleyebiliyordum

Answer 1

Bir şeyin içeri girip girmediğini kontrol etmek için: vurgulu seçiciyi kullanabilirsiniz: e. g .: Burada

$('#test').click(function() { 
    if ($('#hello').is(':hover')) { 
     alert('hello'); 
    } 
}); 

Örnek: http://jsfiddle.net/AyAZx/5/

Answer 2

actionshrimp cevabı jQuery 1.9.1 itibariyle bozuldu. senin eğer durum

http://jsfiddle.net/mathheadinclouds/ZKGqe/