我需要一个仅适用于手机的滑块。我搜索了一些插件,发现了swipe.js。我只是检查一下它的宽度是否低于768px并启动插件。如果它大于768px,我尝试使用kill函数禁用它,但它不工作,仍然更新内联样式而不是显示正常的引导程序布局。
$(window).resize(function(){
if( $(this).width() < 768 ) {
window.mySwipe = Swipe(document.getElementById('slider'));
} else {
window.mySwipe.kill();
}
});
这就是我的html看起来像:
<div class="col-md-6 col-md-pull-6 swipe" id='slider'>
<div class="row swipe-wrap">
<div class="col-sm-6"></div>
<div class="col-sm-6"></div>
</div>
</div>
任何想法可能是什么问题?或者你能为此目的推荐另一个插件吗?
最好的, 帕特里克