Uncaught :jQuery(.).slider不是函数

Question

我正在尝试使用jQuery函数: slider()：下面是我在jQuery(文档).ready中编写的代码.：

jQuery("#slider-wp").slider()

在我的functions.php文件中，我编写了这段代码来调用jQuery库，这个库特定于slider()：

function jquery_scripts(){
wp_enqueue_script('jquery');
wp_enqueue_script('jquery-ui-slider'); 
}

add_action( 'admin_enqueue_scripts', 'jquery_scripts');

当我加载页面时，我重述了以下错误：

我试着在互联网上查找许多资源，但都没有成功。

下面是我的functions.php文件中的短代码，我想在其中添加滑块：

function rangeSlider(){
ob_start();
include 'rangeSliderfct.php';
return ob_get_clean();
}
add_shortcode('tarifs_slider', 'rangeSlider');

下面是包含的php文件：

<input type="text" name="value">
<div id="slider-wp"></div>

谢谢你的想法..。

Answer 1

错误消息是清楚的；函数不存在。如果您查看了您的依赖项，它将有所帮助。您需要jQuery核心、jQuery UI库和jQuery滑雪板库。但是不必担心，您应该通过wp_enqueue_script和他的内部句柄使用来自WP的依赖处理来以正确的顺序加载。

wp_register_script(
    'your-jquery-slider',
    plugin_dir_url( __FILE__ ) . './js/your-jquery-slider.js',
    [
        'jquery-ui-core',
        'jquery-ui-slider',
    ]
);
wp_enqueue_script( 'your-jquery-slider' );

使用这些参数，您可以确保库已就位并排序正确。不需要句柄jquery，因为WP将jQuery定义为jquery-ui-core的依赖项，参见这个文档表。jQuery UI效果不包括在jquery-ui-core句柄中，因此您需要滑块jquery-ui-slider的句柄。

请注意。使用注册函数，然后排队给其他插件删除他们的机会，是干净的，并有更多的控制为每个人。