只在页面重新加载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'); 
}); 

:)