Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.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 css媒体查询请求后刷新jQuery插件_Javascript_Jquery - Fatal编程技术网

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

Javascript css媒体查询请求后刷新jQuery插件,javascript,jquery,Javascript,Jquery,有人知道在css媒体查询更改下是否有刷新/重新加载jquery的方法吗 我创建了一个这种情况的示例: 如果将浏览器的大小调整到960像素以下,浏览器将应用媒体查询,但jQuery插件区域的宽度保持在960像素。问题似乎是插件将幻灯片和容器的宽度添加为HTML的属性,例如style=“width:960”将覆盖样式表/媒体查询中的任何内容 我建议您使用一个不同的滑块插件tbh,它是为重新响应而构建的,当您调整浏览器大小时,它会自动重新计算所有内容。问题似乎是,该插件将幻灯片和容器的宽度添加为HTM

有人知道在css媒体查询更改下是否有刷新/重新加载jquery的方法吗

我创建了一个这种情况的示例:


如果将浏览器的大小调整到960像素以下,浏览器将应用媒体查询,但jQuery插件区域的宽度保持在960像素。

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


我建议您使用一个不同的滑块插件tbh,它是为重新响应而构建的,当您调整浏览器大小时,它会自动重新计算所有内容。问题似乎是,该插件将幻灯片和容器的宽度添加为HTML的属性,例如
style=“width:960”
将覆盖样式表/媒体查询中的任何内容

我建议您使用另一个滑块插件tbh,它是为重新响应而构建的,当您调整浏览器大小时,它会自动重新计算所有内容

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

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

如果您希望在屏幕大小更改时执行其他JavaScript操作,请为orientationchange和resize添加侦听器,以捕捉浏览器更改的大小或平板电脑/手机上的倾斜

如果您想在屏幕大小更改时执行其他JavaScript操作,请添加方向更改和调整大小的侦听器,以捕捉浏览器更改大小或平板电脑/手机倾斜

+1用于添加代码:)根据我的回答,建议在平板电脑/手机的方向更改上执行此操作+1用于添加代码:)根据我的回答,建议在平板电脑/手机的方向更改上执行此操作谢谢!!!我很快就会试试!!!非常感谢你让我知道这个插件!!我想这会节省我很多时间!!!:)谢谢你的回复!!!我很快就会试试!!!非常感谢你让我知道这个插件!!我想这会节省我很多时间!!!:)