jquery腳本停止工作後，無限滾動tumblr加載新頁面

Question

我有保羅愛爾蘭的無限滾動插件運行，並且我也有一個腳本，顯示當我懸停在他們的個人帖子上的下拉div，但是，下拉是在無限滾動加載第一組帖子後，會搞砸了。

我的下拉列表中的代碼如下所示：

<script type="text/javascript"> 
    $(function() { 
     $('.entry').hover(function() { 
      $(this).find('.notes').slideToggle(125); 
     }); 
    });   
</script> 

我知道我有無限滾動加載後回調用它，所以我把它添加到我的無限滾動的插件是這樣的：

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $('#content').infinitescroll({ 
       navSelector : "div.navigation", 
       nextSelector : ".navigation a#next", 
       itemSelector : ".entry", 
       bufferPx : 50, 
       animate : 'true', 
       extraScrollPx: 150,  
       loading: { 
        finished: undefined, 
        finishedMsg: "Congratulations, you've reached the end of the internet.", 
        img: "http://static.tumblr.com/8je4mhi/aLbmpfjp5/1.gif", 
        msg: null, 
        msgText: "", 
        selector: null, 
        speed: 'slow', 
        start: undefined 
       }, 
      },function(newElements){      
        $('.entry').hover(function() { 
         $(this).find('.notes').slideToggle(125); 
        }); 
      }); 
     }); 
    </script> 

但是這會讓它變得混亂。它使默認情況下第一組帖子可見，懸停時隱藏，並且之後的下一組帖子被隱藏，但在切換時不會保持顯示。

我有我的示例站點在這裏，如果有幫助：http://test-theme-one.tumblr.com

而且我在這裏完全的HTML標記是否有幫助：http://pastebin.com/c1N37r6U

也許有人能指出我哪裏錯了？

Answer 1

你會想利用jQuery的on()函數。

只需將您的初始代碼更改爲：

$('#content').on('hover', '.entry', function() { 
    $(this).find('.notes').slideToggle(125); 
}); 

...並刪除您的無限滾動的回調懸停功能。

更多信息可以在這裏找到：http://api.jquery.com/on/