在Wordpress主题选项页面中将jquery ui元素排队

嗯，我知道这是一个经常被问到的问题，但几乎所有的问题都像“2或3年前”。由于Wordpress最近有一些严重的核心变化，我认为最好得到一个更新的答案

我想做的是将这个jquery滑块添加到我的wordpress自定义管理页面

在今天的Wordpress中，jQueryUI是内置的吗？或者我确实需要使用

wp\u enqueue\u script

包含它，或者我应该使用一些外部url CDN

由于我正在开发WordPress4.2，您能告诉我添加此功能的正确方法吗

---

谢谢

是wordpress允许您添加多个依赖项。您可以查看文档中页面上的详细信息

您要做的是在脚本中添加一个依赖项，在其中初始化滑块。在您的

functions.php

脚本队列中添加

wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array('jquery', 'jquery-ui-slider'), '1.0.0', true );

example.js

是初始化滑块的脚本文件。它明确地依赖于

jquery

和

jqueryui滑块

，因此您知道滑块将与jqueryui的滑块ui组件一起工作

---

它被分成几个部分，这样您就不必为整个

jqueryui

添加代码，因为它在页面上非常繁重。

是的，wordpress允许您添加多个依赖项。您可以查看文档中页面上的详细信息

您要做的是在脚本中添加一个依赖项，在其中初始化滑块。在您的

functions.php

脚本队列中添加

wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array('jquery', 'jquery-ui-slider'), '1.0.0', true );

example.js

是初始化滑块的脚本文件。它明确地依赖于

jquery

和

jqueryui滑块

，因此您知道滑块将与jqueryui的滑块ui组件一起工作

---

它被分为多个部分，这样你就不必为整个

jqueryui

（这在页面上很重）。

jqueryui实际上是随WordPress提供的。既然您在WordPress中工作，这就是您应该如何将jQueryUI（滑块）添加到应用程序中的方法

wp_enqueue_script( 'your-script-name', get_template_directory_uri() . '/js/your-js-app.js', array('jquery', 'jquery-ui-slider'), '1.0.0', true );

1）

脚本名称

是脚本的名称

2） get_template_directory_uri（）获取主题的url。如果在插件中使用上述代码，请使用plugin\u dir\u url（文件）

3） 数组（“jquery”、“jquery ui滑块”）是js应用程序所需的依赖项列表。在这种情况下，它需要

jquery

和

jqueryui滑块

4）

1.0.0

是js应用程序的版本

5）

true

表示您正在管理页面的页脚输出应用程序

---

更多关于

wp\u enqueue\u脚本的参考资料
on
jQuery用户界面实际上随WordPress提供。既然您在WordPress中工作，这就是您应该如何将jQueryUI（滑块）添加到应用程序中的方法

wp_enqueue_script( 'your-script-name', get_template_directory_uri() . '/js/your-js-app.js', array('jquery', 'jquery-ui-slider'), '1.0.0', true );

1） 
脚本名称
是脚本的名称

2） get_template_directory_uri（）获取主题的url。如果在插件中使用上述代码，请使用plugin\u dir\u url（文件）


3） 数组（“jquery”、“jquery ui滑块”）是js应用程序所需的依赖项列表。在这种情况下，它需要
jquery
和
jqueryui滑块

4） 
1.0.0
是js应用程序的版本

5） 
true
表示您正在管理页面的页脚输出应用程序

更多关于
wp\u排队\u脚本的参考

在许多情况下，您应该使用选择器：“jQuery”而不是“$”

示例：

$（“#菜单”）
在wp:
jQuery（“#菜单”）

在许多情况下，您应该使用选择器：“jQuery”而不是“$”

示例：

$（“#菜单”）
在wp:
jQuery（“#菜单”）
将自定义脚本放入wordpress队列时，可以添加依赖项检查。基本上你会有这样的东西：
wp\u enqueue\u script（'scriptname'，get\u template\u directory\u uri（）。/js/example.js'，array（'jquery'，'jquery ui slider'），'1.0.0'，true）wp\u enqueue\u script（'scriptname'，get\u template\u directory\u uri（）。/js/example.js'，array（'jquery'，'jquery ui slider'），'1.0.0'，true）谢谢你的信息。。。我会照你说的做：）谢谢你的信息。。。我会照你说的做：）事实上，这对我来说是最有价值的答案JQuery符号混乱是我的代码无法工作的原因…：）非常感谢：）事实上，这对我来说是最有价值的答案JQuery符号混乱是我的代码无法工作的原因…：）非常感谢：）