如何将JQuery UI插件包含到WordPress中并在插件形式中正确地将其列队?

时间:2012-01-20 作者:Neal

我编写了一个基本的管理顶层插件,它有一个子菜单,驱动一个php表单,其中有一个从wp\\U数据库填充的网格表(来自其中的自定义表“分支”)。

我的安装是WAMPServer上的一个干净的WP 3.3.1。只有在2010年和2011年主题的头文件中,才在中包含wp\\u head函数之前的更改。

我尝试使用JQuery文档。“ready”不起任何作用。所以我假设我有一个Jquery设置问题。如有任何建议/帮助,将不胜感激。(我也尝试过使用JQueryUI对话框-模式-表单,但zilch、nada等也会在页面中显示“弹出div”,而不会显示“弹出”)。

下面是我的表单和Jquery函数。

<div class="wrap" id="main">
<form name="Sandwich Baron Branch Maintenance" method="post" action="<?php echo str_replace( \'%7E\', \'~\', $_SERVER[\'REQUEST_URI\']); ?>">

$(document).ready(function(){
   alert("We\'re in Jquery world");

   $(\'#form-wrap\').dialog({ 
       autoOpen: false, //FALSE if you open the dialog with, for example, a button    click            
        title: \'My Form\',
        modal: true      
  });
}); 
这里是它引用的#form wrap div

<div id="form-wrap " title="Branch Editing">
<p class="validateTips">All form fields are required.</p>
<form>
   <fieldset>
    <label for="BrName">Branch Name</label>
    <input type="text" name="txtBrname" id="txtBrName" class="text ui-widget-content ui-corner-all" />
    <label for="Tel">Tel</label>
    <input type="text" name="txtTel" id="txtTel" value="" class="text ui-widget-content ui-corner-all" />
   </fieldset>
</form>
</div>

2 个回复
SO网友:bueltge

重要的是,您需要将脚本包含在wp\\u enqueue\\u script()中并定义脚本,还有使用脚本。WP控制脚本。您的示例有一个问题,即您的div和js在加载jquiry和ui之前就包含了这个加载。还有可能,WP在页脚中加载al脚本,然后您也会遇到同样的问题。提示:http://wpengineer.com/2028/small-tips-using-wordpress-and-jquery/

SO网友:roberthuttinger

这是代码

function my_admin_init() {
        wp_enqueue_script(\'jquery\');
        wp_enqueue_script(\'jquery-ui-core\');//enables UI
        //wp_enqueue_script(\'jquery-ui-datepicker\', $pluginfolder . \'/jquery.ui.datepicker.min.js\', array(\'jquery\', \'jquery-ui-core\') );
        wp_enqueue_style(\'jquery.ui.theme\', \'/wp-content/themes/<themename>/js/jquery-ui-1.8.9.custom.css\');
    }
    add_action(\'admin_init\', \'my_admin_init\');
但请确保包含css文件和所有相关图像(就像任何jQuery UI安装一样)。

干杯Bo公司

结束