Javascript函數沒有爲裝有Ajax的div觸發

我正在使用Infinite Scroll插件進行分頁。由於div#stream加載了Ajax，因此此功能$('#stream').infinitescroll未得到觸發。Javascript函數沒有爲裝有Ajax的div觸發

$(function() { 
    $('#stream').infinitescroll({ 
    navSelector  : ".paginate:last", 
    nextSelector : "a.paginate:last", 
    dataType  : 'json', 
    appendCallback : false, 
    path: "someurl" 
    }, function(json, opts){ 
    alert("json Fetched..") 
    }); 
});

任何想法如何使它工作？

來源

2013-06-21 Srikanth Jeeva

任何控制檯錯誤？ – Sergio

你能解釋一下發生了什麼？控制檯輸出/錯誤？ –

沒有錯誤。這個函數沒有被觸發，因爲我在document.ready中添加了它。 –

由於div＃流使用Ajax加載，因此此函數$（'＃stream'）。infinitescroll沒有被觸發。

確保您撥打.infinitescroll({在div＃流文件中加載以後。

$.ajax({ 
... 
success:function(){ 
    //your codes which appends #stream 
    $('#stream').infinitescroll({ 
     navSelector  : ".paginate:last", 
     nextSelector : "a.paginate:last", 
     dataType  : 'json', 
     appendCallback : false, 
     path: "someurl" 
    }, function(json, opts){ 
     alert("json Fetched..") 
    }); 
    } 
});

你需要再次調用方法時動態添加的元素。在document.ready中調用它將無濟於事，因爲當文檔準備就緒時，#stream div可能不會出現在文檔中，當調用此方法時

來源

2013-06-21 06:18:43 bipen

現在作品:)謝謝比恩:) –

歡迎.. :) ..很高興它幫助 – bipen

Javascript函數沒有爲裝有Ajax的div觸發

回答

相關問題