jQuery點擊事件 - 第一次點擊使得Ajax調用，下面的點擊切換

Question

我有一個錨點，當點擊使得ajax調用加載一些HTML到一個div，然後加載腳本。我想在第一次點擊後取消綁定該事件，並將其替換爲在顯示和隱藏該div之間切換的另一個單擊事件。我已經有了這麼多，但我沒有嘗試註冊切換div工作的點擊事件。

$('#anchor').click(function() { 
    $('#div').load('file.html', function() {  
     $.getScript('script.js');  
     $('#anchor').unbind(); 
    }); 
}); 

Answer 1

$('#anchor').click(function(e) { 
    e.preventDefault(); // prevent the browsers following the link 
    $('#div').load('file.html', function() {  

     // make sure to bind once the new script has been included 
     // i.e. within .getScript's callback 
     $.getScript('script.js', function() { 
      $('#anchor').unbind("click").click(myShowHideFunc); 
     });  
    }); 
}); 

Answer 2

與事件的命名空間，幫助這樣，當我們解除綁定其他點擊處理程序將不會受到取消綁定僅當前的事件處理試試這個。

$('#anchor').click('click.anchor', function() { 

    $('#div').load('file.html', function() {  
     $.getScript('script.js', function(){  
      $('#anchor').unbind('click.anchor').click(function(){ 
      $('#div').toggle(); 
      }); 
     }); 
    }); 
});