jQuery，試圖保存點擊事件，解除綁定和重新綁定，無法重新綁定

Question

我被卡住，試圖解除綁定並重新綁定單擊事件。我想「保存」點擊事件，取消綁定，並用條件語句重新綁定它。

我能夠獲得點擊這裏處理程序使用的信息保存：jQuery find events handlers registered with an object

我在一箇舊版本的jQuery（1.5），所以我使用的數據（「事件」）的方法。

到目前爲止...

var events = $('#myElement').data("events"); 

alert(events.click[0].handler); 

$('#myElement').unbind('click'); 

現在，它會提醒我的處理函數，它看起來是正確的。我想添加東西，但我認爲對於初學者我只是嘗試重新綁定相同的點擊事件。但是，我不確定如何正確重新綁定。我已經嘗試過的東西：

$('#myElement').bind('click', null, events.click[0].handler); // gives 'click.0 is null or not an object 

$('#myElement').bind('click', events.click[0].handler); // gives 'click.0 is null or not an object 

$('#myElement').bind('click', null, events.click); // seems to have no effect 

$('#myElement').bind('click', events.click); // seems to have no effect 

所以我覺得我幾乎有它，但我不知道從這裏做什麼。如何使用events變量重新綁定click事件？

謝謝你的任何和所有幫助。

Answer 1

您可以使用jQuery中的.die()方法（在1.4.1中添加）。 使用.live（）附加的任何處理程序都可以使用.die（）刪除。

參考的.die（）：http://api.jquery.com/die/
參考的.live（）：http://api.jquery.com/live/

HTML

<div id="myElement">Testing save event</div> 

的JavaScript

<script type="text/javascript"> 
    $(document).ready(function() { 


    function ClickEventHandler() 
    { 
     alert('abc'); 
    } 

    $('#myElement').live('click', ClickEventHandler); 


    function GetClickEventHandler(selector) 
    { 
     for(var i = 0 ; i < $._data(document).events.live.length ; i++) 
     { 
      if($._data(document).events.live[i].selector == selector) 
      { 
       return $._data(document).events.live[i].handler; 
      } 
     } 
     return null; 
    } 

    var myFn = GetClickEventHandler('#myElement'); 

    $('#myElement').die(); 


    $('#myElement').live('click', myFn); 
    }); 
</script> 

看到的是實際工作的代碼，你可以嘗試註釋掉$('#myElement').live('click', myFn);並點擊元素，它不應該提醒。然後啓用它，它會提醒。

新增的jsfiddle例如：
一個被註釋掉：http://jsfiddle.net/9wbPH/1/
一個是實際的工作：http://jsfiddle.net/9wbPH