Question

所以我使用了一个名为：thalassa的wordpress主题。

我去了this site并复制了portfolio.js代码。（注意：除了第一行，我的portfolio.js完全相同）

portfolio.js：

$(window).load(function() {
/* ================ VERFIFY IF USER IS ON TOUCH DEVICE ================ */

if(is_touch_device()){
    $(".portfolio-image").on('click', function(e){                  
        $(this).find('.portfolio-hover').show();
    });
}

// function to check is user is on touch device
function is_touch_device() {
    return 'ontouchstart' in window // works on most browsers 
    || 'onmsgesturechange' in window; // works on ie10
}

/* ================ PORTFOLIO ISOTOPE FILTER ================ */

(function() {
    //ISOTOPE
    // cache container
    var $portfolioitems = $('#portfolioitems');
    // initialize isotope
    $portfolioitems.isotope({
        filter: '*',
        masonry: {
            columnWidth: 1,
            isResizable: true
        }
    });

    // filter items when filter link is clicked
    $('#filters a').click(function() {
        $('#filters li').removeClass('active');
        var selector = $(this).closest('li').addClass('active').end().attr('data-filter');
        $portfolioitems.isotope({
            filter: selector
        });
        return false;
    });
})();
});

然后我将其粘贴到我自己的网站上，它说：$不是一个功能。为什么它在该网站上运行而不在我的网站上？我究竟做错了什么？在我添加之前

$(window).load(function() {

我有

jQuery(document).ready(function($) {

它有效，但有时会出错。在我链接的网站上没有。

Answer 1

这样做，

( function($) {

    //Code block here
    $(window).load( function() {
        // do Stuff
    });

    $(document).ready( function() {
        //Wiggle Wiggle
    });
})(jQuery);

Answer 2

请在wordpress中使用jQuery单词。

jQuery(window).load(function() {

-------

});

Answer 3

 $(document).ready(function() {
 //something
});

}）;

此功能已折旧，您可以使用：

[
  postcssUrl(), // Find files' real paths.
  postcssUrl({
    url: 'copy',
    basePath: 'src',
    useHash: true,
    assetsPath: 'dist'
  }), // Copy to required destination.
  postcssUrl({
    url (asset) {
      const rebasedUrl = `dist/${path.basename(asset.absolutePath)}`

      return `${rebasedUrl}${asset.search}${asset.hash}`
    }
  }) // Fix final paths.
]

当使用窗口加载函数时，它表示$不是函数

3 个答案: