只在頁面重新加載jquery

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

如果您要添加的東西用活法：

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

Answer 2

你的問題很混亂。但我猜你只是想現場活動：

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

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

Answer 3

您應該使用live()。

live()將應用於動態添加的對象。

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

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

Answer 4

（PS：我建議你創建的.class創建一個單一的.live（）......否則你就必須建立新的直播（）爲每個新項目...）

一些像：

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

:)