【问题标题】:Jssor slider not responsive when resizing browser or viewing mobile调整浏览器大小或查看移动设备时,Jssor 滑块无响应
【发布时间】:2026-01-04 19:05:01
【问题描述】:

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

这是我的例子:http://cieluxe.com/

我一直在 Mac 上使用 Chrome、Firefox 和我的 iphone 4 在 safari 中查看。 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

【问题讨论】:

    标签: javascript jquery slider jssor


    【解决方案1】:

    您使用的是 jquery 版本的 jssor 滑块。

    请在您的页面中包含jquery

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

    【讨论】:

    • 让我免于头痛!我网站的唯一页面不是 jQuery --' Ofc :)
    最近更新 更多