在页面加载后创建的新元素上应用jquery

Question

我对jquery和bootstraps模式有问题。有一个带有动态表的页面和一个每次打开加载远程内容的模式。

当我第一次加载页面时，一切正常，但是当我编辑表时，更准确地说，当我添加或编辑一行时，模态函数就停止工作了。在这种情况下，浏览器直接打开远程页面read_properties.php

我就是这样调用这个模式的，每一行都有一个不同的id：

<a data-target="#id_target" href="read_properties.php?id=xx">

这是将远程内容加载到模式中的jQuery事件(我在Stackoverflow上找到了这个解决方案)：

$("a[data-target=#id_target]").click(function(ev) {
  ev.preventDefault();
  var target = $(this).attr("href");

  $("#id_target .modal-body").load(target, function() { 
   $("#id_target").modal("show"); 
  });
});

感谢大家！

Answer 1

解决办法很简单。我已经编辑了第一行，并在文档体上使用了.on事件：

$(document.body).on('click', "a[data-target=#ads]", function(ev){
  ev.preventDefault();
  var target = $(this).attr("href");

  // load the url and show modal on success
  $("#ads .modal-body").load(target, function() { 
    $("#ads").modal("show"); 
  });
});

Answer 2

尝尝这个,

$("a[data-target=#id_target]").live(function(ev) {
  ev.preventDefault();
  var target = $(this).attr("href");

  $("#id_target .modal-body").load(target, function() { 
   $("#id_target").modal("show"); 
  });
});

单击将不会绑定到动态html。所以你需要使用实时侦听器。