jQuery関数の繰り返しを防ぐ方法は？

Question

私は、すべてのスライドを起こすクリックslideToggle行動することで

$('.button').click(function(){ 
    $("#target").slideToggle().load('http://page'); 
}); 

ような単純なjQueryの機能を持っていますが、問題は、それはあまりにも再びurlをロードすることです。

load()の機能を1回だけ実行するように制限するにはどうすればよいですか？クリックするたびにslideToggle()を実行してください。つまり、次のクリックでload()（機能全体ではなく読み込みのみ）を防ぐ方法は？

Answer 1

$('.button') 
    .on('click.loadPage', function() { 
     $("#target").load('http://page'); 
     $(this).off("click.loadPage"); 
    }) 
    .on('click.slideToggle', function(){ 
     $("#target").slideToggle(); 
    }); 

とグローバルVARSのない別の方法：

$('.button') 
    .on('click', function() { 
     if (!$(this).data("loaded")) { 
      $("#target").load('http://page'); 
      $(this).data("loaded", true); 
     } 
     $("#target").slideToggle(); 
    }); 

Answer 2

は、それがロードされているかどうかと言う変数（グローバル）を持っています。たとえば、

var loaded = false; 
$('.button').click(function(){ 
    if(!loaded){ 
     $('#target').load('http://page'); 
     loaded = true; 
    } 
    $("#target").slideToggle(); 
}); 

これにより、クリックごとにslideToggleが発生しますが、1回だけ読み込むページになります。 :)