jquery - 每次加载页面时如何执行 Jquery 的功能？

Question

当您进入底部时，我的网站会不断加载内容。我有下一个 Jquery（它的作用并不重要）

$(document).ready(function(){ 
    $(".info").each(function(e) { 
        $(this).html($(this).html().replace('o', 'e')); 
    }); 
});

该脚本将所有“o”替换为“e”。问题是它只执行一次，我希望每次浏览器加载某些内容时执行一次，在这种情况下，当您转到网站底部时。目前，我用这个

window.setInterval(function(){
    $(document).ready(function(){ 
        $(".info").each(function(e) { 
        $(this).html($(this).html().replace('ó', 'o')); 
        }); 
    });
}, 6000);

每 6 秒执行一次该脚本，但不是最佳解决方案。我知道存在基于 PHP 的解决方案，但我还不了解 PHP。你知道解决办法吗？提前谢谢你

Answer 1

如果您使用的是 jquery ajax 并呈现数据，那么，

 $(document).ready(function () {
        $(".info").each(function (e) {
            $(this).html($(this).html().replace('ó', 'o'));
        });

        $('#selector').click(function () {
            $.ajax({
                url: '/your_path', type: 'Get',
                data: {}, //Optional 
                success: function (data) {
                    $('body').append(data);

                    $(".info").each(function (e) {
                        $(this).html($(this).html().replace('ó', 'o'));
                    });
                }
            });
        });
    });