WP 3.3.1无法使jQuery Datepicker工作

时间:2012-02-12 作者:JSS

首先我想告诉你HAVE 阅读帖子:

jQuery UI Datepicker not working

已经我按照指示做了,但我还是做不到。

我将WP 3.3.1与标准主题twentyeleven一起使用。还有另外两个jquery正在运行:“jExpand.js”和“sorttable.js”,就是这样。非常简单。

在函数中,我添加了以下内容:

add_action( \'wp_print_scripts\', \'wp33r01_date_picker\' );

function wp33r01_date_picker() {
    wp_enqueue_script( \'jquery\' );
    wp_enqueue_script(\'jquery-ui-core\');   
    wp_enqueue_script(\'jquery-ui-datepicker\');
    wp_enqueue_style(\'jquery.ui.theme\', get_bloginfo(\'wpurl\') . \'/\' . \'/css/ui-darkness/jquery-ui-1.8.17.custom.css\');
}
这将在DOM(页脚)中生成:

<script src="http://sge.cashier-software.com/js/jExpand.js" type="text/javascript">
<script src="http://sge.cashier-software.com/js/js_script.js" type="text/javascript">
<link id="jquery.ui.theme-css" media="all" type="text/css" href="http://sge.cashier-software.com//css/ui-darkness/jquery-ui-1.8.17.custom.css?ver=3.3.1" rel="stylesheet">
<script src="http://sge.cashier-software.com/wp-includes/js/admin-bar.dev.js?ver=20111130" type="text/javascript">
<script src="http://sge.cashier-software.com/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.8.16" type="text/javascript">
<script src="http://sge.cashier-software.com/wp-includes/js/jquery/ui/jquery.ui.datepicker.min.js?ver=1.8.16" type="text/javascript">
然后我在文件中准备了以下几行:

jQuery(document).ready(function(){

    // $("#atcs tr:odd").addClass("odd");
    jQuery("#atcs tr:not(.odd)").hide();
    jQuery("#atcs tr:first-child").show();

    jQuery("#atcs tr.odd").click(function(){
        $(this).next("tr").toggle(\'slow\');
        $(this).find(".arrow").toggleClass("up");
     });
    jQuery(\'tr.detail_row\').css({\'display\':\'table-row\'});

    //$("#atcs").jExpand();    

    jQuery(\'#date_from\').datepicker();

});
最后,我希望Datepicker工作的简单形式是:

<form method="post" action="<?php echo get_permalink(); ?>">
   <input type="​text" id="​date_from" name="​sge_date_from">
   <input type="submit" name="sge_submit" value="Submit Form"><br>
</form>
但确实如此NOTHING :(

我希望我的描述能起作用,也许有人能帮上忙。

首先非常感谢,

1 个回复
SO网友:helenhousandi

CSS需要位于文档的开头。使用admin_enqueue_scripts 改为挂钩。还要确保只将脚本和样式排列在需要它们的屏幕上。

结束

相关推荐

如何在WordPress上正确包含jQuery-UI效果

我一直试图在我的wordpress主题中包含jquery ui效果(更具体地说是抖动效果)。到目前为止,我只能包含jQuery脚本,但我真的不知道在哪里放置ui脚本以及如何将它们排队。这是我的密码。这显然行不通: <?php wp_enqueue_script(\"jquery\"); ?> <?php wp_enqueue_script(\"jquery-ui-core\"); ?> <?php wp_head(); ?> <lin