如何在wordpress模板中定义jquery

时间:2012-10-04 09:56:14

标签: javascript jquery wordpress

如何在我的新wordpress主题中定义jquery所有我知道jquery没有定义所以所有与jquery一起工作的插件不能工作sush作为faser图像插入或jquery手风琴菜单垂直 和wordpress cpanil中的任何弹出窗口 itry添加

<?php wp_enqueue_script("jquery"); ?>

之前

<?php wp_head(); ?>

并尝试在function.php中添加此行

if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}

我做得对吗

我怎么知道jquery在主题中定义?或者在所有网站中停用jquery可能会发生什么冲突

2 个答案:

答案 0 :(得分:0)

您可以查看Google Chrome中是否包含jQuery。只需使用inspect元素,你应该看到一个脚本标记(在src中使用jquery文件,你可以检查它以验证代码是否真的存在)在head标记的某个位置或者在body的末尾。

您的代码看起来正确,但可能有错误。最好检查实际页面。另外,请记住,您应该在其他jQuery插件之前包含jQuery。

还有一件事,我认为最好使用WordPress的jQuery来确保你不会引入来自谷歌的错误或不兼容。你可以把它放在functions.php

中来做到这一点
function insert_jquery(){
   wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery');

答案 1 :(得分:0)

你自己在wp和jQuery中的脚本可能无法很好地协同工作。你应该使用jQuery的noConflict模式! (我很抱歉内容相当糟糕,但我现在正在使用手机。稍后会添加资源和示例。)

您可以将其用作var,例如:

$j = jQuery.noConflict();

$j(document).ready(function(){
    $j("form#searchform input[type=text]").focus(function() {
        $j(this).animate({
            width: "140px"
        }, 400);
    });
    $j("form#searchform input[type=text]").blur(function() {
        $j(this).animate({
            width: "60px"
        }, 400);
    });
});