如果我使用jQuerydocument.readyfunction{... my code}=未定义函数

问题描述

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

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

owl轮播会起作用。 但是如果我有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])  
})

根本不工作。

我知道针对wp 5.5的jQuery迁移存在问题，但是我尝试使用“启用jQuery迁移帮助器”插件，结果是相同的。。

解决方法

尝试执行此操作。有时插件会干扰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])  
 });  
});

通过这种方式，您可以在本地导入$并防止其干扰其他全局脚本或插件