jQuery: $ ("#myid").html ('<span id="插入">插入部分</span>')

Question

假设我正在使用 jQuery 进行以下操作:

$("#myid").html('<span id="inserted">inserted portion</span>')

完成此操作后，如果我查看页面源代码，则 HTML 的插入部分(id 为“inserted”的 span 标记)在那里不可用，并且我只需使用 $("#inserted") 执行任何进一步的操作失败!

当我们通过 AJAX 调用更新(我们通常使用 jQuery html() 方法来插入新部分)页面部分并尝试在更新部分执行更多操作时，这成为一个主要问题。

请谁解释一下我错过了什么？

Answer 1

无论您为插入的 id 绑定(bind)什么事件......使用 live ，这都将绑定(bind) future 的 html 元素或在运行时添加的 html

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

$('#inserted ').live('click', function() {
  // Live handler called.
});