对jQuery使用setTimeout(）是否有任何问题;媒体查询“;类型情况

is there any down pits with using setTimeout() for jQuery "media query" type situation

本文关键字：媒体 问题 查询 情况 类型 任何 使用 jQuery setTimeout 是否      更新时间：2023-11-30

我正在开发一个响应式网站。我正在浏览一种处理jQuery"媒体查询"更改的方法。

我对一些元素进行了一些计算，比如高度、宽度等，当媒体查询发生变化时，我需要重新计算这些计算，比如从1160px到980px。

我找到了一个感觉很好的解决方案，因为它应该得到大多数浏览器的支持（如果不是全部的话？），但我不确定setTimeout()像这个一样频繁运行是否有任何性能或其他问题。

jsfiddle用于的实例

setInterval(function() {
    //code here
}, 100);​

也许还有其他更好的方法来使用pauliish或任何其他团队已经制作的插件？请用你在这个问题上的经验给我建议。

我正在使用此代码来处理jquery"媒体查询"。我将一个获得媒体查询大小（4809801160）的元素作为选择器，通常是一个包装器，在我的情况下是头。

var myDivWidth = $('YOUR-SELECTOR').width();
$(window).resize(function () {
    if ($('YOUR-SELECTOR').width() != myDivWidth) {
        //If the media query has been triggered
                myDivWidth = $('YOUR-SELECTOR').width();
        //Your resize logic here                
         }
});
相关文章：