Question

我正在用美元将约html装入Jquery-dialog-popup。

在新插入的html中点击一个环节后,应当启动一些功能。

这与(a)但NOT与(b)一起工作。

这项工作:

$(".remove").live("click", function () {
  // enter ok
}

这并不是:

$("div").on("click", ".remove", function () {
// or $("#delete").on("click", ".remove", function () {
// or $(".remove").on("click", function () {

      // never enters...
});

html:

<div id="delete">
  <a class="remove" href="#">link</a>
</div>

如果我直接从我的主机上叫它,而不首先用美元将内容装入方言-窗口,则“()”功能工程。

Answer 1

To pre-bind events for dynamic content, they have to be bound to a pre-existing element.

因此,如果<代码><div id=“delete”>是动态内容的一部分,那么你就不必使用它来约束这一活动。然而,你可以把动态成分装入集装箱。

因此,如果由此产生的超文本为:

<div id="contents">
  <!-- start template -->

  <div id="delete">
    <a class="remove" href="#">link</a>
  </div>

  <!-- end template -->
</div>

之后, your可以:

$( #contents ).on( click ,  div a.remove , function () {
  // ...
});

<http://api.jquery.com/live/"rel=“noreferer”> live( >,> for this -- 一项在重载或后向上调之前存在的内容——其行文如下:

$("a.remove").live("click", function () { /* ... */ });
$(document).on("click", "a.remove", function () { /* ... */ });

Answer 2

我看一看整个法典,但我很幸运的是,你不要再把这套法典放在一边。

$("div").on("click", ".remove", function () {
// or $("#delete").on("click", ".remove", function () {
// or $(".remove").on("click", function () {

      // never enters...
}

新的法典已经列入OMD。

你们需要把活动听众的注意力放在创造的新内容上。生计是因为它为像现在和将来这样的要素而努力的。

EDIT:

如果您希望点击手为能够动态装满的元素而工作,那么,你需要把活动手放在母物体上(不会有活力地装载),并给它一个像你这样充满活力的物体的挑选人:

$( #parent ).on("click", ".remove", function() {});

友情链接