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

Question

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

如果我不在脚本中输入jQuery(document).ready，猫头鹰轮播就可以工作。 但如果我有jQuery(document).ready，控制台会告诉我“jQuery (...)。OwlCarousel 不是函数”。

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

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 存在问题，但我尝试使用插件“启用 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])  
 });  
});

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