如何仅在某些网页上初始化javascript滑块

Question

我有一个有几个页面的网站。主页上有一个Swiper滑块。所有页面都有一个初始化滑块的main.js文件。如何确保其他页面不会在控制台中出现错误
错误：
Uncaught ReferenceError: Swiper is not defined

Answer 1

查看Swiper API，您可以看到它使用一个名为Swiper的类来初始化滑块。

由于你只想验证Swiper类是否存在于你的页面中，你可以简单地测试它的类型：

if (typeof Swiper != undefined) {
const swiper = new Swiper('.swiper');
}