Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滑动滑块不会在移动设备上滑动幻灯片_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 滑动滑块不会在移动设备上滑动幻灯片

Javascript 滑动滑块不会在移动设备上滑动幻灯片,javascript,jquery,html,css,Javascript,Jquery,Html,Css,无法解决一些问题,我使用滑动条,一切都很好,滑动条不错,但有一个问题,当我在桌面页面版本和滑动条正常时,但当我打开移动模拟器而不重新加载页面时,滑动条不滑动,但当我更新页面时,滑动条正常滑动,我怎样才能在不重新加载页面的情况下修复它呢 if($('.swiper container').length){ 设mySwiper=new Swiper(“.Swiper container”{ 循环:false, 分页:{ el:“.swiper分页”, 可点击:正确, }, 断点:{ 300: {

无法解决一些问题,我使用滑动条,一切都很好,滑动条不错,但有一个问题,当我在桌面页面版本和滑动条正常时,但当我打开移动模拟器而不重新加载页面时,滑动条不滑动,但当我更新页面时,滑动条正常滑动,我怎样才能在不重新加载页面的情况下修复它呢

if($('.swiper container').length){
设mySwiper=new Swiper(“.Swiper container”{
循环:false,
分页:{
el:“.swiper分页”,
可点击:正确,
},
断点:{
300: {
鼠标轮:是的,
键盘:没错,
幻灯片视图:1,
间隔时间:24,
allowSlidePrev:对,
allowSlideNext:正确
},
400: {
幻灯片视图:1,
间隔时间:24,
allowSlidePrev:对,
allowSlideNext:正确
},
640: {
幻灯片视图:2,
空间期:30,,
allowSlidePrev:对,
allowSlideNext:正确
},
768: {
幻灯片视图:2,
间隔:56,
allowSlidePrev:对,
allowSlideNext:正确
},
960: {
幻灯片视图:2,
间隔:56,
allowSlidePrev:对,
allowSlideNext:正确
},
991: {
幻灯片视图:3,
间隔时间:28,
allowSlidePrev:false,
allowSlideNext:false
}
}
});

}
调整窗口大小时,您可以尝试swiper的更新功能():

但是错误:
uncaughtreferenceerror:$未定义
看起来更像是一个JQuery错误,您需要在其中设置$:

var $ = window.jQuery;

谢谢,但它没有帮助,swiper.update()方法我想工作错误我找到了解决方案,我的问题是使用了错误版本的swiper js和样式,使用了这个版本,这是代码笔
var $ = window.jQuery;