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

});

如何让它工作，以便我可以点击添加的元素？

Answer 1

如果您要添加内容，请使用 live 方法:

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