仅重新加载页面中的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>

页面没有重新加载。但是接着出现了问题，我无法点击新添加的项目：

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

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

});

我该怎么做，才能使其正常工作，以便我可以点击添加的元素？

- Shading Shading

Answer 1

如果您正在添加内容，请使用live方法：

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

- Raoul

Answer 2

你应该使用 live()。

live() 适用于动态添加的对象。

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

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

- Kanishka Panamaldeniya

Answer 3

（注：我建议你创建一个.class来创建单个.live()...否则你将不得不为每个新项目创建一个新的live()...）

有些人喜欢：

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

:)

- Federico Quagliotto

Answer 4

您的问题很令人困惑。但我猜您只是想要实时事件：

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

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

- ThiefMaster