异步html导入仅适用于页面重新加载

Question

嘿伙计我在网上找到的这个jQuery片段有问题。因为它只在我重新加载网站时加载内容，而不是在初始页面加载时加载。

(function($) {
    $(function() {
        $('[data-async-url]').each(function() {
            var $this = $(this),
                url = $this.data('async-url');
            $.ajax({
                url: url,
                dataType: 'html',
                type: 'get',
                success: function(html) {
                    $this.replaceWith(html);
                }
            });
        });
    });
})(jQuery);

非常感谢任何建议和/或想法/帮助。

Answer 1

像这样启动它：

(function($) {
    $(function() {
        function async(){
            $('[data-async-url]').each(function() {
                var $this = $(this),
                    url = $this.data('async-url');
                $.ajax({
                    url: url,
                    dataType: 'html',
                    type: 'get',
                    success: function(html) {
                        $this.replaceWith(html);
                    }
                });
            });
        };
        $().ready(function () {
           async();
        });
    });
})(jQuery);