Question

绝对喜欢Jssor滑块！它可以在桌面上运行，但是在移动设备上查看时会出现问题...它只是在没有查看图像的情况下直接滑动。我正在使用全宽滑块...我也意识到当我调整浏览器大小时它也没有在桌面上响应。请帮忙！我已经审查了使代码响应的提示，但这没有帮助。

以下是我的示例：http://cieluxe.com/

我一直在使用Chrome浏览器，Firefox和我的iphone 4在Mac上查看。 iPhone是我唯一无法正确查看的。

我一直在多次切换响应代码，但没有找到一个非常有用的选项。我已经把原始代码换掉了，因为我遇到了问题（就像其他人一样），滑块不适合容器。以下是我在响应部分中的代码：

 //responsive code begin
            //you can remove responsive code if you don't want the slider scales while window resizes
            function ScaleSlider() {
			var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
			if (parentWidth)
				jssor_slider1.$ScaleWidth(Math.min(parentWidth, 1920));
			else
				window.setTimeout(ScaleSlider, 30);
			}
			ScaleSlider();
			
			$(window).bind("load", ScaleSlider);
			$(window).bind("resize", ScaleSlider);
			$(window).bind("orientationchange", ScaleSlider);
            //responsive code end

Answer 1

您正在使用jquor版本的jssor滑块。

请在您的pge中加入jquery。

<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>

调整浏览器大小或查看移动设备时，Jssor滑块无响应

1 个答案: