因此,我正在使用一个名为: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($) {


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

最佳答案

像这样做

( function($) {

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

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

关于jquery - 使用窗口加载功能时,它表示$不是函数,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33824843/

10-10 04:57