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 の任意の部分に手動で bar タグを入力すると、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 に答える