Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在wordpress模板中定义jquery_Javascript_Jquery_Wordpress - Fatal编程技术网

Javascript 如何在wordpress模板中定义jquery

Javascript 如何在wordpress模板中定义jquery,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,如何在我的新wordpress主题中定义jquery我知道jquery并没有定义,所以所有使用jquery的插件都不能像faser图像插入或jquery手风琴菜单一样工作 以及wordpress cpanil中的任何弹出窗口 我想补充一下 <?php wp_enqueue_script("jquery"); ?> 我这样做对吗 我怎么知道jquery在主题中定义了什么?或者,如果在所有站点中停用jquery,会发生什么冲突呢?您可以检查Google Chrome中是否包含jquer

如何在我的新wordpress主题中定义jquery我知道jquery并没有定义,所以所有使用jquery的插件都不能像faser图像插入或jquery手风琴菜单一样工作 以及wordpress cpanil中的任何弹出窗口 我想补充一下

<?php wp_enqueue_script("jquery"); ?>
我这样做对吗


我怎么知道jquery在主题中定义了什么?或者,如果在所有站点中停用jquery,会发生什么冲突呢?您可以检查Google Chrome中是否包含jquery。只要使用inspect元素,您就会在head标记或主体的末尾看到一个脚本标记(在src中有jquery文件,您可以检查它以验证代码是否确实存在)

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

还有一件事,我认为最好使用WordPress的jQuery来确保不会引入bug或和Google的jQuery不兼容。您可以通过将其放入functions.php中来实现这一点

function insert_jquery(){
   wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery');

您可以检查Google Chrome中是否包含jQuery。只要使用inspect元素,您就会在head标记或主体的末尾看到一个脚本标记(在src中有jquery文件,您可以检查它以验证代码是否确实存在)

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

还有一件事,我认为最好使用WordPress的jQuery来确保不会引入bug或和Google的jQuery不兼容。您可以通过将其放入functions.php中来实现这一点

function insert_jquery(){
   wp_enqueue_script('jquery');
}
add_filter('wp_head','insert_jquery');

您自己在wp和jQuery中的脚本可能无法很好地协同工作。您应该使用jQuery的模式!(很抱歉内容太差,但我现在在手机上。稍后将添加来源和示例。)

您可以将其用作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);
    });
});

您自己在wp和jQuery中的脚本可能无法很好地协同工作。您应该使用jQuery的模式!(很抱歉内容太差,但我现在在手机上。稍后将添加来源和示例。)

您可以将其用作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);
    });
});