including jquery

时间:2012-08-15 作者:Jamie

我知道wordpress附带jquery。我首先用html构建了我的网站,我在html版本中运行的每个脚本在运行版本1.4.2时都运行良好。我包含了相同的jquery脚本,但现在我的一个特性不起作用了。这就是我将jquery加载到我的站点头部的方式

function register_savior_scripts(){
    wp_deregister_script(\'jquery\');
    wp_enqueue_script(\'prettyPhoto\', get_template_directory_uri().\'/js/jquery.prettyPhoto.js\', array(\'jquery\'));
    wp_enqueue_script(\'js-scripts\',get_template_directory_uri().\'/js/jquery.js\');
    wp_enqueue_script(\'slider\', get_template_directory_uri().\'/js/coin-slider.min.js\', array(\'jquery\'));
}
add_action(\'wp_head\',\'register_savior_scripts\', 0);
如果我检查头部,我就会看到剧本。看起来像这样

<script type=\'text/javascript\' src=\'full path removed/js/jquery.js?ver=3.4.1\'></script>
它不是3.4.1版。不确定这是否重要。它正在运行的脚本我直接放进了头部

<script>
$(document).ready(function(){
        $(".controls").click(function(e){
            if($(this).hasClass(\'down-arrow\')) {
                $(this).addClass(\'up-arrow\').removeClass(\'down-arrow\');
            }
            else {
                $(this).addClass(\'down-arrow\').removeClass(\'up-arrow\');
            }
            e.preventDefault();
            $("#logo-background").slideToggle("slow");
        });
});

有没有更好的方法将上面的脚本加载到头部?你知道为什么它可以在html上工作,而不能在wordpress上工作吗?

它所做的就是在按下链接时向上或向下滑动div以隐藏它。

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

您正在注销jquery,然后在句柄下注册它js-scripts, 但随后指定jquery 作为其他脚本的依赖项处理。此外,使用wp_enqueue_scripts 挂钩用于wp_enqueue_scripts 功能,非wp_head. 附加的版本无关紧要,但您可以通过null 作为版本参数,如果需要,可以完全删除它。

结束

相关推荐

如何将Custon UI jQuery和FancyBox脚本添加到WP

我有一个javascript,它使用jquery对象来完成许多事情首先,它会查找表中的图像,并将这些图像添加到Fancybox库中。此图库具有帮助器按钮,允许以全尺寸查看原始图像。其次,它会找到比holding div更宽的表,并减少文本字体大小,使其适合。添加了一个“变大”按钮,以便在fancybox中可以看到桌子的辉煌。我是Wordpress的新手,正在努力理解以下内容我需要链接到jquery吗。用户界面。js(&A);css在html文档中的使用方式</要将代码放在哪里,是否要将其链接到标题中