Question

我需要一些帮助，我目前正在将我网站上的所有内部脚本移植到单个js文件中，以根据Google和Yahoo页面速度建议加快我的网站。

我的页面footer.php中有以下脚本（我正在使用wordpress）

<script> (function ($) {
jQuery(function () {
    var $container = $('#container');
    $container.imagesLoaded(function () {
        $container.masonry({
            itemSelector: '.box',
            columnWidth: 100
        });
    });
    $container.infinitescroll({
        navSelector: '.post-nav',
        nextSelector: '.previous a',
        itemSelector: '.box',
        loading: {
            finishedMsg: 'No more pages to load.',
            img: '/wp-content/themes/images/ajax-loader.gif'
        }
    },

    function (newElements) {
        var $newElems = $(newElements).css({
            opacity: 0
        });
        $newElems.imagesLoaded(function () {
            $newElems.animate({
                opacity: 1
            });
            $container.masonry('appended',
            $newElems, true);
        });
    });
});
})(jQuery) 
</script>

如果脚本在我的页脚中它100％工作，当我将它添加到单个js时它停止工作...

关于为什么会这样做的任何想法，以及如何从外部js样式表中以与内联时执行相同的方式加载脚本。

Answer 1

在外部js文件中使用时删除起始<script>和结束标记</script>。另外，请确保在此js文件之前包含jQuery。

Javascript内联和外部脚本的区别

1 个答案: