Question

我的自定义JQuery文件以及Masonry Jquery已链接但无法正常工作。您可以看到它在源文件中正确链接：view-source：http://michellecantin.ca/test/features/notification-boxes/

JQuery也是链接的，我很确定它正在发挥作用。

为什么我的脚本没有工作？

ps：我在wordpress主题中使用它。

Answer 1

您的网页中存在语法错误，请查看您所说的浏览器控制台

未捕获的SyntaxError：意外的令牌}

在文件http://michellecantin.ca/test/wp-content/themes/neon_lights/js/jquery.js?ver=3.7.1

中

$(document).ready(function () {
    $('a[href^="#"]').on('click', function (e) {
        e.preventDefault();

        var target = this.hash,
            $target = $(target);

        $('html, body').stop().animate({
            'scrollTop': $target.offset().top - 120
        }, 900, 'swing', function () {
            // window.location.hash = target;
        });
    });
});
//<-- extra }) here

$(document).ready(function () {

    var $container = $('.masonry-container');
    // $container.imagesLoaded(function(){
    $container.masonry({
        itemSelector: '.item',
        isAnimated: true // <-- extra , here 
    });
    // });

});

$(document).ready(function () {

    $('.toggle-view-style1 li, .toggle-view-style2 li, .toggle-view-style3 li, .toggle-view-style4 li, .toggle-view-style5 li')
        .click(function () {
        var text = $(this).children('div.panel');
        if (text.is(':hidden')) {
            text.slideDown('200');
        } else {
            text.slideUp('200');
        }

    });
});

jQuery(document).ready(function () {
    $('.close-alert-box-style1, .close-alert-box-style2, .close-alert-box-style3, .close-alert-box-style4')
        .click(function () {
        $(this).parent().remove();
        // Although I recommend just hiding it
        // like this
        // $(this).parent().hide();
        // or fade it out
        // $(this).parent().fadeOut();
        return false;
    });
});

$(document).ready(function () {
    $('.tabs li').click(function () {
        var tab_id = $(this).attr('data-tab');
        $('.tabs li').removeClass('current');
        $('.tab-content').removeClass('current');
        $(this).addClass('current');
        $("#" + tab_id).addClass('current');
    })

})

jQuery(document).ready(function () {
    var allPanels = jQuery('.accordion > dd').hide();
    jQuery('.accordion > dt > a').click(function () {
        allPanels.slideUp();
        if (jQuery(this).parent().next().is(':hidden')) {
            jQuery(this).parent().next().slideDown();
        }
        return false;
    });
});

$(document).ready(function () {
    $('body').fadeIn();
});

$(document).ready(function () {
    $('.tab-content').fadeIn();
});

$("img.lazy").lazyload({
    effect: "fadeIn",
    container: $("#content")
});

为什么我的脚本（正确链接）不起作用？

1 个答案: