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

如果您要添加内容，请使用实时方法：

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

Answer 2

您应该使用live ()。

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

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

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

Answer 3

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

有些人喜欢：

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

：）

Answer 4

你的问题很混乱。但我想你只想要直播活动：

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

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

在页面中仅重新加载jquery

4 个答案: