如果我使用 jQuery(document).ready(function(){ ... 我的代码}) = undefined function

Question

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

如果我不在脚本中放入 jQuery(document).ready，

owl 轮播会起作用。但是如果我有 jQuery(document).ready，控制台会告诉我“jQuery (...)。OwlCarousel 不是函数”。

然后我不知道是否有 link 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 有问题，但我尝试使用插件“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])  
 });  
});

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

如果我使用 jQuery(document).ready(function(){ ... 我的代码}) = undefined function

If i use jQuery(document).ready(function(){ ... my code}) = undifined function

javascript

jquery

advanced-custom-fields

owl-carousel

gutenberg-blocks