在Firefox、WebKit和Internet Explorer中插入窗口调整大小事件的正确(现代)方法是什么?

你能同时打开/关闭两个滚动条吗?


当前回答

使用jQuery 1.9.1我刚刚发现,虽然技术上相同)*,这在IE10中不工作(但在Firefox中):

// did not work in IE10
$(function() {
    $(window).resize(CmsContent.adjustSize);
});

虽然这在两种浏览器中都有效:

// did work in IE10
$(function() {
    $(window).bind('resize', function() {
        CmsContent.adjustSize();
    };
});

编辑: )*实际上在技术上并不相同,正如WraithKenny和Henry Blyth在评论中所指出和解释的那样。

其他回答

我认为你应该进一步控制这个:

    var disableRes = false;
    var refreshWindow = function() {
        disableRes = false;
        location.reload();
    }
    var resizeTimer;
    if (disableRes == false) {
        jQuery(window).resize(function() {
            disableRes = true;
            clearTimeout(resizeTimer);
            resizeTimer = setTimeout(refreshWindow, 1000);
        });
    }

希望对jQuery有帮助

首先定义一个函数,如果已有函数,则跳到下一步。

 function someFun() {
 //use your code
 }

浏览器调整大小的方法如下。

 $(window).on('resize', function () {
    someFun();  //call your function.
 });

jQuery有一个内置的方法:

$(window).resize(function () { /* do something */ });

为了UI的响应性,你可以考虑使用setTimeout来调用你的代码,只在一些毫秒之后,如下面的例子所示,灵感来自于这个:

function doSomething() {
    alert("I'm done resizing for the moment");
};

var resizeTimer;
$(window).resize(function() {
    clearTimeout(resizeTimer);
    resizeTimer = setTimeout(doSomething, 100);
});

下面是使用resize事件的非jquery方法:

window.addEventListener('resize', function(event){
  // do stuff here
});

它适用于所有现代浏览器。它不会为你扼杀任何东西。这里有一个实际应用的例子。

除了上面提到的窗口调整大小函数之外,还有一点很重要,那就是如果没有对事件进行解压缩,那么调整大小事件就会触发很多次。

Paul Irish有一个很好的函数,它可以大量地撤销调整大小的调用。非常推荐使用。跨浏览器的工作。前几天在IE8中进行了测试,一切正常。

http://www.paulirish.com/2009/throttled-smartresize-jquery-event-handler/

请务必查看演示以查看区别。

这里是完整的函数。

(function($,sr){

  // debouncing function from John Hann
  // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
  var debounce = function (func, threshold, execAsap) {
      var timeout;

      return function debounced () {
          var obj = this, args = arguments;
          function delayed () {
              if (!execAsap)
                  func.apply(obj, args);
              timeout = null;
          };

          if (timeout)
              clearTimeout(timeout);
          else if (execAsap)
              func.apply(obj, args);

          timeout = setTimeout(delayed, threshold || 100);
      };
  }
  // smartresize 
  jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };

})(jQuery,'smartresize');


// usage:
$(window).smartresize(function(){
  // code that takes it easy...
});