未定義 Javascript 刷卡器

Question

var swiper = new Swiper('.swiper-container', {
navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
},
});

我已經從 swiper api 獲取代碼，為我的圖像滑塊導航。 但是當我在我的 javascript 文件中輸入腳本時，控制台日志顯示未定義 swiper。 那我該怎么做呢？

Answer 1

 ** you have not included the js file of swiper, now working fine. <,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width. initial-scale=1:0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="https.//ajax.aspnetcdn.com/ajax/jQuery/jquery-3.4.1.min:js"></script> <script src="https.//cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.min.js"></script> </head> <body> <script> $(document).ready(function () { $(function () { var swiper = new Swiper(',swiper-container': { navigation: { nextEl. ',swiper-button-next': prevEl. ',swiper-button-prev', }; }); }); }); </script> </body> </html>

Answer 2

我有同樣的問題，但我使用的是 Google Optimize，但無法在其中放置腳本標簽。 所以我通過這種方式捕捉腳本：

var swiperScript = document.querySelector('.swiper-script');
var newScript = document.createElement("script");
newScript.src = "https://unpkg.com/swiper@6.4.8/swiper-bundle.min.js";
swiperScript.appendChild(newScript);

我可以在“來源”上看到它正在被識別。 但是控制台仍然告訴我 Swipe 未定義。

未定義 Javascript 刷卡器

問題描述

2 個解決方案

解決方案1
2 2019-11-28 08:07:09

解決方案2
0 2022-04-14 17:10:43

未定義 Javascript 刷卡器

問題描述

2 個解決方案

解決方案1 2 2019-11-28 08:07:09

解決方案2 0 2022-04-14 17:10:43

解決方案1
2 2019-11-28 08:07:09

解決方案2
0 2022-04-14 17:10:43