單擊時不能解除鼠標離開

Question

我有一個jQuery腳本，其中如果您使用mouseenter和元素，則會顯示某些內容，並且在您使用鼠標時會消失。我試圖在用戶點擊時解除綁定，以便在用戶離開時「顯示」一直顯示。這是做到這一點的正確方法嗎？如果是這樣，有人可以幫助我得到這個腳本的工作？

謝謝！

$('.block').live("mouseenter",function(){ 
     var id= $(this).attr('id'); 
     $('#arrowPreview'+id).show(); 


    }).live("mouseleave",function(){ 
     var id= $(this).attr('id'); 
     $('#arrowPreview'+id).hide(); 

    }).live("click",function(){ 
     var id= $(this).attr('id'); 
     $('#arrowPreview'+id).show(); 
     $(this).unbind("mouseleave"); 
    }); 

謝謝！

Answer 1

所以我不不要以爲你想要的是完全可能的。問題似乎是使用.live並解除綁定。您可以解除與.die的鼠標事件綁定事件。但是，使用的選擇器必須與最初用於綁定事件的選擇器匹配，在您的案例中爲.block。我在想這顯然是不好的。的.die

http://jsfiddle.net/EZNDg/

例如撥弄我認爲，相反，你需要使用一個明確的選擇當前元素，所以可能使用.each您選擇，然後用$（本）綁定來綁定。這應該允許死亡工作。我會把這個小提琴弄亂，看看它是否屬實。

Answer 2

您需要創建的功能對事件執行的變量，以確保您的JavaScript的完整性，從而爲你的例子：有live勢必

var fShow = function(){ 
    var id= $(this).attr('id'); 
    $('#arrowPreview'+id).show(); 
}; 

var fHide = function(){ 
    var id= $(this).attr('id'); 
    $('#arrowPreview'+id).hide(); 
}; 

var fClick = function(){   
    var id= $(this).attr('id'); 
    $('#arrowPreview'+id).show(); 
}; 

$('.block').bind('mouseenter',fShow); 
$('.block').bind('mouseleave',fHide); 
$('.block').unbind('mouseleave',fHide); 

Answer 3

事件綁定與die