未捕获的TypeError:jQuery(...).lider不是函数

时间:2021-10-12 作者:OmarAc

我正在尝试使用jQuery ui函数:slider():这是我在jQuery(文档)中编写的代码。准备就绪…:

jQuery("#slider-wp").slider()
在我的职能中。php文件我编写此代码是为了调用特定于slider()的jQuery库:

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

add_action( \'admin_enqueue_scripts\', \'jquery_scripts\');
加载页面时,我收到以下错误:

enter image description here

我试图在互联网上查找许多资源,但没有成功。

这是我函数中的短代码。要添加滑块的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>
谢谢你的想法。。。

1 个回复
SO网友:bueltge

错误信息清晰;该函数不存在。如果你看看你的依赖关系,这会有所帮助。您需要jQuery核心、jQuery UI库和jQuery滑块库。但无需担心,您应该通过wp_enqueue_script 和他的内部手柄以正确的顺序加载。

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 API将jQuery定义为的依赖项jquery-ui-core, 看见this documentation table. jQuery UI效果不包含在jquery-ui-core 句柄,因此需要滑块的句柄jquery-ui-slider.

笔记使用register函数,然后排队,让其他插件有机会删除它们,它是干净的,并且对每个人都有更多的控制。