WP_ENQUEUE_SCRIPT jQuery和jQuery UI不工作

时间:2012-02-22 作者:Anders Kitson

我使用以下脚本调用Jquery和Jquery UI以及自定义脚本。js。目前,它可以看到检查器中的资源,并输出标记。然而,我在页面上使用的代码是这样的。日期选择器就是不起作用。然而,如果我使用黑客脚本标记并包含我自己的jquery文件,那么我的代码就会正常工作。日期选择器工作。您可以在以下位置查看该网站:http://fiftyfity.com/place-an-order/ 这是运行wp\\u enqueue\\u脚本的版本。我被困了,我想使用排队,但它破坏了我的网站。

wp_enqueue_script

function wptuts_scripts_basic() 
{
    // Register the script like this for a plugin:
    //wp_register_script( \'custom-script\', plugins_url( \'/js/custom-script.js\', __FILE__ ) );
    // or
    // Register the script like this for a theme:
    wp_register_script( \'custom-script\', get_template_directory_uri() . \'/js/custom-script.js\', array(\'jquery\',\'jquery-ui-core\') );

    // For either a plugin or a theme, you can then enqueue the script:
    wp_enqueue_script( \'custom-script\' );
}
add_action( \'wp_enqueue_scripts\', \'wptuts_scripts_basic\' );

Ouputted Html

<script type=\'text/javascript\' src=\'http://fiftyfity.com/wp-includes/js/jquery/jquery.js?ver=1.7.1\'></script>
<script type=\'text/javascript\' src=\'http://fiftyfity.com/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.8.16\'></script>
My hacked script tag *如果我注释掉wp\\u enqueue\\u脚本,这会起作用

$url = content_url();
<script src="<?php echo $url; ?>/themes/fiftyfityNew/js/jquery-1.7.1.min.js"></script>
<script src="<?php echo $url; ?>/themes/fiftyfityNew/js/jquery-ui-1.8.17.custom.min.js"></script>

1 个回复
SO网友:Chris_O

问题是,您的第一个内联日期选择器js块位于jQuery和jQuery UI之前。

使用wp\\u enqueue\\u脚本时,脚本标记将输出到wp_head() 动作钩已定位。将内联datepicer js移到wp\\U头下方,jQuery就可以工作了。

enter image description here

您还应该为内联日期选择器js使用无冲突包装:

jQuery(document).ready(function($) {
    $("datepicker").datepicker({ });

结束

相关推荐

多个jQuery冲突不确定原因

我正在尝试在我的testing site. 顶部横幅中的一个可用,最右侧边栏中的一个可用它们现在都不可用。然而,我相信下面的答案或多或少是正确的,这是Wordpress的一个“怪癖”,这是一个错误,我只需要一个解决方法。如果我在Chrome的开发工具中看到它,css正在正确转换。在浏览器中,第一个图像无法加载,第二个图像加载,然后什么也不加载。我已经将代码从页面顶部复制并粘贴到侧栏中的小部件位置。我尝试复制和粘贴jQuery和CSS,在所有声明的末尾添加一个2,以尝试创建一个独特的函数,但没有效果。我能拥