如果我使用 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])  
 });  
});

這樣你就可以在本地導入 $ ，它應該防止它干擾其他全局腳本或插件