如果我使用 jQuery(document).ready(function(){ ... my code}) = undifined function

Question

我正在尝试在 wordpress ACF 自定义块中使用 owl carousel。

如果我不将jQuery(document).ready放在我的脚本中，owl carousel 就可以工作。 但是如果我有jQuery(document).ready ，控制台会告诉我“jQuery (...). OwlCarousel 不是一个函数”。

然后我不知道两者是否都有链接，但我有缩略图库可以点击特定图像和代码上的启动滑块：

jQuery('.single_image_gallery').click(function(){
    mySlide = parseInt(jQuery(this).attr('data-slide'));
    jQuery(mySlider).trigger("to.owl.carousel", [mySlide, 1,true])  
})

根本不工作。

我知道 jQuery migrate for wp 5.5 存在问题，但我尝试使用插件“Enable jQuery Migrate Helper”，结果是一样的......

Answer 1

尝试这样做.. 有时插件会干扰 jQuery

jQuery(function($) {
// then use it like this
 $('.single_image_gallery').click(function(){
   mySlide = parseInt($(this).attr('data-slide'));
   $(mySlider).trigger("to.owl.carousel", [mySlide, 1,true])  
 });  
});

这样你就可以在本地导入 $ ，它应该防止它干扰其他全局脚本或插件