在css媒体查询请求后刷新jQuery插件

Question

有没有人知道在css媒体查询更改下是否有办法刷新/重新加载jquery？

我在这种情况下创建了一个示例：https://dl.dropbox.com/u/23044665/index.html

如果您将浏览器的大小调整为小于960像素，则浏览器应用媒体查询但是jQuery插件区域宽度保持在960像素。

Answer 1

问题似乎是插件正在添加幻灯片和容器的宽度作为HTML的属性，例如style="width:960"将覆盖样式表/媒体查询中的任何内容。

我建议你使用不同的滑块插件tbh - this one用于重新启动，并在您调整浏览器大小时自动重新计算所有内容

Answer 2

试试这个

$(window).resize(function() {
        slider.reloadShow();
    });

Answer 3

如果要在屏幕大小更改时执行其他JavaScript操作，请添加侦听器以进行方向更改并调整大小以捕获浏览器更改大小或在平板电脑/手机上倾斜。