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

Question

我正在嘗試加載一個在首頁上運行良好的腳本，但是一旦無限滾動加載了新頁面，js功能就不會顯示在那里。

<script>
$(document).ready(function(){

var original = $('.load_more_text a').attr('href');
var new_href = original.replace('/page/', '/?page=');

$('.load_more_text a').attr('href', new_href);
$('.prod_meta span.winned-for').text('Sold');
$('.prod_meta span.winned-for').parent().addClass('green');
$('.prod_meta span.winned-for').parent().parent().parent().addClass('green_pr');

})
</script>

我想念什么？

Answer 1

無限滾動加載后調用函數示例

<script>
$(document).ready(function(){

//YOUR SCRIPT infinite scroll load
$.ajax({
        url: newUrl,
        type: "GET",
        data: data,
        cache: false,
        success: function (data, textStatus, xhr) {
            loadtext(); //call the function after infinite scroll loads
        },
    });


function loadtext(){
    var original = $('.load_more_text a').attr('href');
    var new_href = original.replace('/page/', '/?page=');

    $('.load_more_text a').attr('href', new_href);
    $('.prod_meta span.winned-for').text('Sold');
    $('.prod_meta span.winned-for').parent().addClass('green');
    $('.prod_meta span.winned-for').parent().parent().parent().addClass('green_pr');
}

})
</script>