0

我遇到了一个奇怪的问题。下面的代码加载了 WP jQuery 库和我自己的 JS 文件。我点击了路径，他们加载了文件。它们都加载在页面底部（上图），并且 jQuery 库位于我的文件之前。

我正在使用 jQuery UI 中的日期选择器，但它不会加载。jQuery 是否需要置顶？如果是这样，我怎样才能得到它？我尝试在没有运气的情况下覆盖 $in_footer。

我是创建插件的新手，所以我完全错过了一些东西吗？

任何帮助，将不胜感激。

<?php
 add_action('admin_init', 'ps_events_admin_init');
 add_action('admin_menu', 'ps_events_admin_menu'); 

 function ps_events_admin_init(){
    wp_register_script('ps-events-script', plugins_url('/js/psevents.js', __FILE__)); 
    wp_enqueue_script('jquery-ui-datepicker');
    wp_enqueue_script('ps-events-script');  
 }

 function ps_events_admin(){        
    include('psevents-admin_view.php');
 } 

 function ps_events_admin_menu(){  
     add_menu_page("PS Events", "PS Events", 1, "PS Events", "ps_events_admin");  
 }
 ?>

HTML 输出

 <script type='text/javascript' src='http://localhost:8888/mysite/wp-admin/load-scripts.php?c=1&amp;load%5B%5D=admin-bar,hoverIntent,common,jquery-ui-core,jquery-ui-datepicker,jquery-ui-widget,jquery-ui-position,wp-pointer&amp;ver=3.5.1'></script>
 <script type='text/javascript' src='http://localhost:8888/mysite/wp-content/plugins/psevents/js/psevents.js?ver=3.5.1'></script>
 </body>
4

2 回答 2

1

你应该在你的 javascript 文件之前加载 jQuery

 function ps_events_admin_init(){
    wp_register_script('ps-events-script', plugins_url('/js/psevents.js', __FILE__)); 
    wp_enqueue_script('jquery');
    wp_enqueue_script('jquery-ui-datepicker');
    wp_enqueue_script('ps-events-script');  
 }

注意：由于您使用的是与 WordPress 捆绑的 jQuery，因此 jQuery 以 noConflict 模式加载。使用jQuery而不是$.

或使用此替代方法：

jQuery(document).ready(function($){
//use $ here
});
于 2013-02-07T06:49:49.967 回答
-1

我建议您使用：

<?php
add_action('wp_head','ps_events_admin_menu');
add_action('wp_head','ps_events_admin_init');
wp_enqueue_script('jquery');
?>

如果你有自己的 JavaScript，你可以嵌入如下函数：

<?php
add_action('wp_head','mysample');
wp_enqueue_script('jquery');
function mysample()
{
echo '<script language="JavaScript"> and JavaScript code';
}
?>
于 2013-02-07T06:35:17.610 回答