网站首页上未加载jQuery脚本

时间:2013-10-14 作者:paultp

我一直在更新一个运行在旧版本WordPress上的网站,我不得不更新主题、大多数插件,最后更新了WordPress。我不得不做一些定制,包括使用插件来替换网站使用的旧主题功能,这些功能在更新的主题中不存在/不起作用。开发人员现在不支持该主题。

阻止网站上线的唯一原因是主页上的向上滚动按钮不能正常工作。用户向下滚动页面后,会出现“向上滚动”按钮,单击“平滑”后,会滚动到页面顶部并消失。这是使用添加到主题自定义中的一点jQuery实现的。js文件。

习惯。js文件以以下行开头:

jQuery(document).ready(function($) {
按钮脚本在所有其他页面上都可以正常工作,但在头版上就不行了,因为头版似乎还没有加载jQuery脚本。以下是jQuery的要点:

    /* --------------------------------------------------------------------------- */
/*  13. Back to Top
/* --------------------------------------------------------------------------- */

$("#back-top").hide();

$(window).scroll(function () {
    if ($(this).scrollTop() > 100) {
        $(\'#back-top\').fadeIn();
    } else {
        $(\'#back-top\').fadeOut();
    }
});

$(\'#back-top a\').click(function () {
    $(\'body,html\').animate({
        scrollTop: 0
    }, 600);
    return false;
});

});
我现在正准备对所需的脚本进行wpenqueue,以使其正常工作,但我宁愿解决一些人可能很明显的问题,但现在让我陷入了困境。

该网站位于http://just7.co.uk/latinlink/

2013年10月28日更新:

我复制了jQuery代码并将其放入自己的脚本中,然后通过函数将脚本排队。php。我可以看到脚本(backtotop.js)正在加载,但它仍然不能在主页上运行,但可以在所有其他页面上运行。

下面是脚本:

jQuery(document).ready(function() {
    jQuery("#back-top").hide();

    jQuery(window).scroll(function () {
        if (jQuery(this).scrollTop() > 100) {
            jQuery(\'#back-top\').fadeIn();
        } else {
            jQuery(\'#back-top\').fadeOut();
        }
    });

    jQuery(\'#back-top a\').click(function () {
        jQuery(\'body,html\').animate({
            scrollTop: 0
        }, 600);
        return false;
    });

});
网站位于http://www.just7.co.uk/latinlink

2 个回复
最合适的回答,由SO网友:paultp 整理而成

这只是主页上的一个javascript安全错误,阻止了任何其他脚本的运行。错误来自主题的一个缩小js文件,因此无法修复,主题不再受支持。

网站所有者获取新主题的时间:-)

SO网友:mantis

Wordpress使用jQuery noConflict包装器,因此除非将美元符号用作别名,否则美元符号将不起作用。将代码包装为:

 jQuery(document).ready(function($) {
// Inside of this function, $() will work as an alias for jQuery()
// and other libraries also using $ will not be accessible under this shortcut
});
或者把所有的美元符号都改成“jQuery”。此外,即使脚本很小,也应该始终将其排队。

更多信息请点击此处:http://codex.wordpress.org/Function_Reference/wp_enqueue_script

结束

相关推荐

添加自定义JQuery菜单新鲜滑出

TBH这是我第一次添加自定义jquery 在a中wordpress 我已经读了大约10-20篇关于它的文章,我想还有更多的文章,但仍然缺少一些东西,所以我这样做了,请指出我做错了什么,我添加的jquery被发现了here.这是我想要的片段,<div class=\"container\"> <ul id=\"menu\"> <li> <a>