JQuery的访问动态创建的对象(JQuery access dynamically created

2019-08-17 07:18发布

我怎样才能acceess是动态生成的对象(申报单)。 我的意思是说,当不存在输出DIVS $(document).ready(function()开始。

如果我做:

$('#click_me').click(function() {
    $('#container').append('<div id="clicker2">can you click on me?</div>');
});

$('#clicker2').click(function() {
    alert('hurray, it works');
});

该clicker2将无法正常工作

我怎样才能解决这个问题? 我的意图创造出比一个动态多。 我想分配Jquery的行动themt了。

Answer 1:

。点击()上未跨度或div的工作以后添加的功能,你需要使用.live()

$("#clicker2").live("click", function(){
  # do stuff to spans currently existing
  # and those that will exist in the future
});


Answer 2:

创建DIV明确地和你追加前组装它的属性和事件。

var $div = $('<div />').append('can you click on me?').attr('id', 'clicker2').click(function() {
alert('hurray, it works');
});
$('#container').append($div);


Answer 3:

只要把点击第一点击功能域:

$('#click_me').click(function() 
{
    $('#container').append('<div id="clicker2">can you click on me?</div>');
    $('#clicker2').click(function(){  alert('hurray, it works');   });
});

当你拥有了它,结合被称为,但没有“分区#clicker2”绑定到第二功能。

希望这可以帮助。



文章来源: JQuery access dynamically created objects
标签: jquery click