新しい要素が動的に読み込まれたときに関数をトリガする方法は？

Question

私はスクリプトA.which is old school javascript

Script B経由ページにロードされている要素は、これらの要素に物事を行い持っています。

スクリプトB当初がロード要素の作品が、スクリプトA負荷新しい要素は、スクリプトBはそれについて知りません。

ライブ、代理人およびバインドは、スクリプトBsとして機能しません。関数はカスタムイベントです。

そして、私は思ったんだけど、確かにだけ目を覚ますと、いくつかのAjaxはちょうどをhapppend 言うのjQueryの一般的fucntionがあります。それから私がする必要があるのは、繰り返しスクリプトBsの機能です。

---

これは要約です。私はそれが助けてくれるとは思わないので、実際にはもっとコードを与えたくない。私が達成したいことをあなたに伝えるために、Script AはTumblrのJavaScriptの無限スクロールです。スクリプトBは、ビューポートに入るとイメージをフェードインします。 It worksであるが、通常ロードされる第1の画像セットのみである。

これは4時間にわたって貼り付けられていて、それを把握することには至りませんでした。

おかげ

---

ので、動作しないなどのlivequeryプラグインを使用して編集 、それはtantilisingらしい（！）： - /多分それはちょうどtweekを必要ですか？

$('.theImage').livequery(function() { //.theImage being the dynamically loaded divs 
$(this).waypoint(function() { //waypoint being Script B which fades in .theImage 
    $(this).animate({opacity: 1}, 'slow'); 
}); 
}); 

Answer 1

毎回再コールスクリプトBへの要求が完了したアヤックス次のコードを使用します。

$(document).ajaxSuccess(function(e, xhr, options) { 
    // The code here will be called every time 
    // an ajax request has completed successfully. 
    // Your code may assume that the DOM has been updated. 
});