带有 Wordpress 的 Jquery Ui 选项卡答案

【问题标题】：Jquery Ui Tabs with Wordpress带有 Wordpress 的 Jquery Ui 选项卡
【发布时间】：2015-09-26 09:53:57
【问题描述】：

Jquery ui 选项卡在 Wordpress 中不起作用，我已将此功能添加到我的函数.php

if( !is_admin()){
   wp_deregister_script('jquery');
   wp_register_script('jquery', ("https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"));
   wp_enqueue_script('jquery');
   wp_deregister_script('jquery-ui');
   wp_register_script('jquery-ui',("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"));
   wp_enqueue_script('jquery-ui');
}

还有header.php

<ul class="menu-nav">
    <?php wp_nav_menu(array('theme_location' => 'menu')); ?>

【问题讨论】：

标签： jquery wordpress wordpress-theming

【解决方案1】：

这里有一些事情要做。默认情况下，WordPress 将 jQuery UI 拆分为其组件部分并分别注册每个部分。在 WordPress 中注册的 jQuery 句柄实际上注册了两个脚本：jquery-core 和 jquery-migrate。如果您只想注销 jQuery，请使用 jquery-core 句柄。

如果要卸载 WordPress jQuery UI 交付的代码，首先需要 wp_deregister_script('jquery-ui-core')，因为 WordPress 中没有注册 jquery-ui 句柄。

您不需要在任何 wp_register_script 行中的源 URL 周围加上括号： wp_register_script('jquery', "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js");

您还应该在注册 jQuery-ui 脚本时包含依赖参数，如下所示：

wp_register_script('jquery-ui','https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js', array('jquery'));

在 WordPress 中预注册的所有 jQuery UI 句柄如下：

jquery-ui-core, jquery 效果核心， jquery 效果盲， jquery 效果弹跳， jquery 效果剪辑， jquery 效果下降， jquery-效果-爆炸， jquery 效果淡入淡出， jquery 效果折叠， jquery 效果突出显示， jquery-效果-脉动， jquery-效果-规模， jquery-效果摇动， jquery 效果幻灯片， jquery 效果转移， jquery-ui-手风琴， jquery-ui-自动完成， jquery-ui-按钮， jquery-ui-datepicker， jquery-ui-对话框， jquery-ui-可拖动， jquery-ui-droppable, jquery-ui-菜单， jquery-ui-鼠标， jquery-ui-位置， jquery-ui-progressbar, jquery-ui-可调整大小， jquery-ui-可选择的， jquery-ui-滑块， jquery-ui-可排序， jquery-ui-微调器， jquery-ui-tabs, jquery-ui-工具提示， jquery-ui-widget

【讨论】：