0

我有一个由 php 脚本创建的标签列表。这个 php 脚本会定期运行,如下所示,并且 php 文件 order.php 返回所需的 HTML

$(document).ready(function() {
  $("foo").load("order.php");
  var refreshId = setInterval(function() {
    $("foo").load('order.php?randval='+ Math.random());
  }, 100000);
  $.ajaxSetup({ cache: false });
});

这一切都按预期工作,使用 firebug 我可以看到已创建以下 HTML:

<foo>
  <bar>something</bar>
  <bar>something else</bar>
  <bar>another thing</bar>
</foo>

现在我希望能够在单击 div 时执行 php 操作。我有以下代码:

$(document).ready(function(){
  $("bar").click(function() {
    alert("Hello, World");
  });
});

什么都没发生。但是,如果我在 HTML 的任何部分手动输入条形标记,则会出现带有 Hello World 的警报。

由 php 脚本创建的 bar 标记是否可以与手动键入 HTML 的方式相同?

4

1 回答 1

3

使用 jQuery 的on()方法将事件绑定到bar未动态添加到页面的祖先:

$('foo').on('click', 'bar', function() {
    alert("Hello, World");
});
于 2013-05-31T14:49:08.197 回答