jQuery(window).load(function() 中断脚本

Question

我正在我正在处理的网站上实施 Isotope，但我在正确加载脚本时遇到了一些问题，尤其是在第一次访问时。

看来我必须为此使用 (window).load 函数，但如果我在我的 .js 文件中更改它，它会破坏 sctript 和功能。

下面的代码工作正常，除了它在第一次访问网站时不会加载。它还会导致 Firefox 中的一些布局问题

jQuery(function($) {

    var $container = $('#isotope-list'); //The ID for the list with all the blog     posts
    $container.isotope({ //Isotope options, 'item' matches the class in the PHP
        itemSelector: '.item',
        layoutMode: 'masonry'
    });

    //Add the class selected to the item that is clicked, and remove from the others
    var $optionSets = $('#filters'),
        $optionLinks = $optionSets.find('a');

    $optionLinks.click(function() {
        var $this = $(this);
        // don't proceed if already selected
        if ($this.hasClass('selected')) {
            return false;
        }
        var $optionSet = $this.parents('#filters');
        $optionSets.find('.selected').removeClass(
            'selected');
        $this.addClass('selected');

        //When an item is clicked, sort the items.
        var selector = $(this).attr('data-filter');
        $container.isotope({
            filter: selector
        });

        return false;
    });

});

如果我用下面的代码替换脚本的第一行，它会在第一次访问时加载，但过滤器功能被破坏。

jQuery(window).load(function()

它应该很容易修复，但我的 jQuery 知识非常有限。任何帮助深表感谢。

PS：网站使用 WordPress，所以 jQuery 处于非冲突模式。

Answer 1

不清楚为什么您的代码需要在“加载”事件处理程序中，但您需要将其添加为函数的第一行：

 var $ = window.jQuery;

否则，所有对 $ 的引用在用作“就绪”处理程序时由于传递给代码的参数而起作用，当它用作“加载”处理程序时将被破坏。