jQueryを使用して重複するHTMLのロードを回避する方法

Question

jQueryを使用してhtmlを呼び出し、divにロードします。私はkeyupイベントを使用しています。私はdivに複数の時間（重複）を追加するHTMLデータを見ている。どのように私は複数の要求を避けることができ、HTMLを一度ロードするだけです。

var loaded=0 
$('button').click(function(){ 
    if(loaded==0) { 
    $('div').load('my.html'); 
    } 
    loaded = 1 
}); 

編集：

$('button').click(function(){ 
    if(!$('div').hasClass('loaded')) { 
     $('div').load('my.html'); 
     $('div').addClass('loaded') 
    }    
}); 

Answer 1

貧乏人のバージョンの作業ではありませんゲッティです1回以上呼び出された。複数の匿名イベントハンドラをアタッチしている可能性があります。

Answer 2

使用Firebugのイベントハンドラかどうかを確認するためにここで

はコード

$('input').keyup(function(){ 
    $('div').load('my.html'); 
    return false; 
    });  

return false;が

Answer 3

対象のdivにidを使用する必要があります。そうしないと、すべてのdivが一度に影響を受けます。 $（ 'div'）を使用する代わりに、idを持つ特定のdivを使用します。 $（ 'div'）.load（...）divは最初に 'loaded'というクラスを持っていないので、ページ上のすべてのdivに同じ操作を適用します。

$('input').keyup(function(e){ 
    e.stopPropagation(); // to stop event bubling 
    e.preventDefault(); // to stop it from being submitted if it's in the form 
    var my_div=$('#some_div'); 
    if(!my_div.hasClass('loaded')) 
    { 
     my_div.load('my.html', function() { 
     my_div.addClass('loaded'); 
    } 
});