有谁知道是否有办法在 css 媒体查询更改下刷新/重新加载 jquery?
我在这种情况下创建了一个示例:https ://dl.dropbox.com/u/23044665/index.html
如果您将浏览器的大小调整为小于 960 像素,则浏览器会应用媒体查询,但 jQuery 插件区域宽度保持在 960 像素。
有谁知道是否有办法在 css 媒体查询更改下刷新/重新加载 jquery?
我在这种情况下创建了一个示例:https ://dl.dropbox.com/u/23044665/index.html
如果您将浏览器的大小调整为小于 960 像素,则浏览器会应用媒体查询,但 jQuery 插件区域宽度保持在 960 像素。
尝试这个
$(window).resize(function() {
slider.reloadShow();
});
如果你想在屏幕尺寸改变时执行额外的 JavaScript 操作,那么添加监听器来改变方向和调整大小以捕捉浏览器改变尺寸或平板电脑/手机上的倾斜。
问题似乎是插件将幻灯片和容器的宽度添加为 HTML 的属性,例如style="width:960"
,这将覆盖您的样式表/媒体查询中的任何内容。
我建议您使用不同的滑块插件 tbh -这个插件专为响应性而构建,并在您调整浏览器大小时自动重新计算所有内容