jQueryのクリックイベント - 最初のクリックはクリックトグル後のajaxコールを作成します

Question

クリックすると、divにいくつかのhtmlをロードしてスクリプトをロードするためのajaxコールが生成されます。最初のクリック後にそのイベントのバインドを解除し、その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(); 
      }); 
     }); 
    }); 
});