针对移动设备问题的Swiper初始化脚本
砂轮
我正在将Swiper 6.4.10用于一个项目。这是我第一次使用Swiper。该网站在一页上有多个滑块。因此，我决定创建一些初始化脚本。我正在使用数据属性来创建滑块设置。每个滑块都有不同的设置。这些设置之一是仅在移动设备上运行滑块，然后在台式机或平板电脑上销毁它。
我已经在这里和Google上阅读了很多文章，但我无法使其正常工作。
关于这一部分：
if(container){
var initID = '#' + container;
if(mobile){
if(mobile_breakpoint.matches){
var init = new Swiper(this, settings)
} else if (!mobile_breakpoint.matches){
var init = this.swiper.destroy();
}
}
//var init = new Swiper(initID, settings)
}
当我在上面使用此代码时，所有旋转木马都被销毁，或者我收到一条错误消息，说this.swiper.destroy是undefined。当我像这样运行代码时：
if(container){
var initID = '#' + container;
var init = new Swiper(initID, settings)
}
然后所有轮播都可以正常工作。当我检查数据属性mobile并尝试销毁轮播时，所有组件都会停止工作。我显然错过了一些东西。
有人知道我做错了什么吗？任何帮助，不胜感激！
以斯拉·西顿
您下的“您的错误”else if首先忘记初始化swiper instance。
这就是为什么当您取消注释此代码块时-页面损坏（错误：）的原因this.swiper.destroy is undefined。
要销毁一个实例，您首先应该创建该实例（destroy（）是swiper instance的Method ）。
const swiper = new Swiper('.swiper-container', {});
swiper.destroy();
否则，您的代码就像编写：
bla_bla.destroy(); /* Uncaught ReferenceError: bla_bla is not defined */
- 创建一个实例（代码中缺少）
- 破坏
else if (!mobile_breakpoint.matches){
var init = new Swiper(this, settings) /* missing in your code */
init = this.swiper.destroy();
}
通常，您的代码很长==>下次创建一个最小的，可重现的示例（很多与您的问题无关的代码）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
初始化脚本服务问题-Ubuntu 12.10
- 2
Wordpress的Cycle2，破坏了移动设备上的周期，在大于移动设备上重新初始化
- 3
脚本的全新初始化
- 4
Xfce初始化脚本
- 5
初始化Tinymce的问题
- 6
初始化列表问题
- 7
`CountedSet`初始化问题
- 8
SignalR 初始化问题
- 9
初始化脚本“ / dev / tty：无此设备或地址”重定向时出错
- 10
Valgrind条件跳转或移动取决于未初始化的值mktime（）或浅表复制问题
- 11
安装Ruby脚本-初始化错误
- 12
MongoDB Docker初始化脚本
- 13
初始化脚本的bash_completion
- 14
如何更新初始化脚本
- 15
服务初始化脚本：新贵？
- 16
如何记录初始化脚本？
- 17
在初始化脚本中重启
- 18
upstart监督的Apache初始化脚本？
- 19
PHP和初始化脚本
- 20
每个用户的初始化脚本
- 21
resque worker的systemd初始化脚本
- 22
（术语）init.d脚本= LSB初始化脚本=系统V初始化脚本？
- 23
C ++ 14值初始化问题
- 24
值类型和初始化的问题
- 25
C ++转换参数初始化问题
- 26
Quasar Firebase初始化问题
- 27
LinearGradientBrush实验初始化问题
- 28
C ++数组初始化的Doxygen问题
- 29
C ++类模板初始化问题
我来说两句