javascript - 使用 setTimeout() 处理 jQuery“媒体查询”类型的情况有什么问题吗

Question

我正在开发一个响应式网站。可以这么说，我正在浏览一种处理 jQuery“媒体查询”更改的方法。

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

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

jsfiddle 的实时示例

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

也许还有其他更好的方法可以使用 paulirish 或任何其他工作人员已经制作的插件？请用你在这个问题上的经验给我建议。

Answer 1

我正在使用此代码来处理 jquery“媒体查询”。我采用了一个元素，它获得了我的媒体查询（480、980、1160）的大小作为选择器，通常是一个包装器，或者在我的情况下是标题。

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                
         }
});