如何將自定義事件綁定到從另一個腳本即時加載的元素？

我有一個無限的滾動腳本，適用於my tumblr。當我向下滾動頁面時，它正在加載圖像。但是我期待有圖像fade in而不是突然出現。如何將自定義事件綁定到從另一個腳本即時加載的元素？

我發現了這個叫做waypoints的真棒插件，它可以做這種事情。它的工作原理，但只適用於第一個加載的圖像。之後，它不會識別新加載的圖像。

我知道「活」只適用於某些jQuery功能。 bind可能會更好，因爲您可以使用自定義函數。但是，我仍然顯然要腳本trigger，這是我不知道該怎麼做。這意味着我不得不破解tumblr腳本，它會執行無限滾動，and it's scary in there，而不是jQuery。

也許你可以推薦一個更好的方式來做到這一點？

這裏是首10個圖像作品的代碼：我希望我可以做這樣的事情

$('.theImage').waypoint(function() { 
    $(this).animate({opacity: 1}, 'slow'); 
});

：

$（ 'theImage'）綁定（「航點」，function（）{（this）.animate（{opacity：1}，'slow'）; }）;

謝謝。

PS的內容是很小的nsfw。事實上，它的性感輕盈，因爲一張性感溫和的照片甚至不可見，而且一直處於底部。乾杯。

來源

2011-10-27 RGBK

這並不是說live不適用於自定義事件，但更多Waypoint只會在已調用.waypoint()的元素上觸發它。因此，無論何時加載新內容，您都需要進行此調用。

由於侵入infinitescroll腳本是不可能的，我建議您嘗試使用jquery.inview插件而不是Waypoints。查看方式的結構會創建一個由每個元素觸發的事件，因此您可以使用.live,.delegate。

來源

2011-10-27 02:13:56 imakewebthings

感謝您的回覆。事情是不是我只是被困在相同的情況下，不得不使用生活和委託，這意味着我必須聽不起事件（即點擊等）？我想知道是否有解決方法，也許使用您的腳本，然後ajaxSuccess列表？ http://stackoverflow.com/questions/7910889/how-to-trigger-a-function-when-new-elements-are-dynamically-loaded再次感謝。 – RGBK

順便說一句我添加了inview腳本並修改了演示頁面上找到的代碼http://mmoss.github.com/jquery-inview/它基本上看到的第一個圖像，並沒有進一步的調用。 – RGBK

首先，您鏈接到的插入插件不是我鏈接到的插件。請使用正確的，我不認爲它們是一樣的。再次，直播和委託不限於本地事件。你可以聽'inview'事件。存儲庫的README中提供了一個示例。 – imakewebthings

如何將自定義事件綁定到從另一個腳本即時加載的元素？

回答

相關問題