リロードのみjquery in page

Question

私は自分のページでjQueryとXAJAXを使用しています。 私は例のために持っている：

<span id="one">one</span> 
<span id="two">two</span> 

ページが正常にロードされ、その後、私はxajaxの持つ要素を追加します。

<span id="one">one</span> 
<span id="two">two</span> 
<span id="three">three</span> 

にはページのリロードはありません。しかし、その後の問題はhappends、と私は新しい追加項目をクリックすることはできません。

$(document).ready(function() { 
     $("#one").click(function() { 
      alert('one'); 
    }); // This works 

     $("#three").click(function() { 
      alert('one'); 
    }); // This doesn't working 

}); 

どのように私はそれを動作させることができますので、私が追加された要素をクリックすることができますか？

Answer 1

あなたが追加している場合は、物事はライブメソッドを使用します。

live()は、動的に追加されるオブジェクトに適用されます。

$("#three").live('click', function(){ 
    alert('three'); 
}); 

http://api.jquery.com/live/

Answer 2

あなたの質問は非常に混乱しています。しかし、私はあなただけのライブイベントをしたいと思います：あなたはlive()を使用する必要があります

$("#three").live('click', function(){ 
    alert('three'); 
}); 

Answer 3

：

$("#one").live('click', function() { 
    alert('one'); 
}); 

$("#three").live('click', function() { 
    alert('one'); 
}); 

Answer 4

（PS：私は、そうでなければ、それぞれの新しいのために（）新しいライブを作成する必要があります...あなたは、単一の.live（）を作成するための.classを作成することをお勧めアイテム...）

いくつかのように：

$(".numbers").live('click', function() { 
    alert('one'); 
}); 

:)