Question

我有这个WordPress主题，我无法让我的jQuery脚本工作，我尝试了一切，无冲突模式，包括我在footer.php中的jQuery，包括header.php中的jQuery排队WordPress的jQuery等。

当我的脚本不在WordPress主题中时，我的所有脚本都可以正常工作。

我的网址是http://andreas-berg.dk/wordpress/，我的脚本位于脚本的最底部，现在我将jQuery硬编码到footer.php中，并将其从顶部删除，但没有成功。

有关解决此问题的任何想法？我已经把头发拉了几个小时了。

这些是我的脚本：

!function( $ ) { 

    $(".dropbutton a").click(function () {
        $("#dropdown").slideToggle();
    });

    $('.scroll-button').hide().fadeIn(1000);

    $(".slide").mouseenter(function () {
        $(this).children().stop().slideDown(200);
    }).mouseleave(function () {
        $(this).children().stop().slideUp(200);
    });

    $('.nav-container a, .scroll-button a, .blocks a, .banner a, .text-right a').click(function () {
        $('html, body').animate({
            scrollTop: $($(this).attr('href')).offset().top - 60
        }, 800, 'easeOutQuint');
        return false;
    });

    offsetValue = 60;
    $('body').data().scrollspy.options.offset = offsetValue;
    // force scrollspy to recalculate the offsets to your targets
    $('body').data().scrollspy.process();

    $('body').scrollspy({
        target: '.nav-container'
    });

}( window.jQuery );

Answer 1

你的JQuery工作正常。如果你检查你的concole，你会看到一些错误，如

**1068** errors stating: Uncaught TypeError: Object #<Object> has no method 'easeOutQuint'

为此您需要安装jQuery Easing Plugin

检查您的错误，您的JS没有运行只是因为您的代码中存在严重错误。

为什么我的javascript在WordPress上工作但在使用本地HTML时却很好？

1 个答案: