Question

嗯，我知道这是一个常见问题，但几乎所有人都喜欢2年或3年前的＃39;由于Wordpress最近有一些严重的核心变化，所以认为最好能得到更新的答案。

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

在今天的Wordpress中， jquery-ui 即将建成吗？或者我确实需要使用wp_enqueue_script来包含它，或者我应该使用一些外部URL CDN？

由于我正在使用Wordpress 4.2，您能告诉我添加此功能的正确方法吗？

谢谢！

Answer 1

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

您要做的是在初始化滑块的脚本中添加依赖项。在您排队脚本的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和jquery-ui-slider，因此您知道滑块将与jquery-ui的滑块ui组件一起使用。

它分为几个部分，因此您不必将整个jquery-ui整合在页面上。{/ p>

Answer 2

jQuery-ui实际上附带了WordPress。因此，既然您正在使用WordPress，那么就应该将jquery ui（滑块）添加到您的应用程序中。

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）your-script-name是您脚本的名称。

2）get_template_directory_uri（）获取主题的网址。如果您在插件中使用上述代码，请使用plugin_dir_url（ FILE ）。

3）数组（＆＃39; jquery＆＃39;，＆＃39; jquery-ui-slider＆＃39;）是您的js应用程序所需的依赖项列表。在这种情况下，它需要jquery和jquery-ui-slider。

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

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

上wp_enqueue_script的更多参考资料

Answer 3

并且在很多情况下你应该使用选择器：＆＃39; jQuery＆＃39;而不是＆＃39; $＆＃39;。

示例：
wp：$('#menu')

中的jQuery('#menu')