無限滾動在tumblr上加載新頁面后，jQuery腳本停止工作

Question

我正在運行paul irish的無限滾動插件，並且我還有一個腳本，當我將它們懸停在各個帖子上時，它們會顯示一個下拉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/