10 09/2014

window resize

最后更新: Wed Sep 10 2014 12:37:50 GMT+0800

几乎所有浏览器的 resize 多少都有些问题,触发次数太多(手机旋转倒是很正常,只触发一次)!jquery-smartresize 原理很简单,延迟一点时间。(拖动浏览器大小看效果)


  • window resize 0

  • debouncedresize 0

  • throttledresize 0

  • 简化版 0

默认间隔是 150 毫秒,可以设置为 250

$.event.special.debouncedresize.threshold = 250;

可以被 trigger

$(window).trigger( "debouncedresize" );

推荐使用 简化版代码

function on_resize(c,t){onresize=function(){clearTimeout(t);t=setTimeout(c,100)};return c};

on_resize(function() {
  var o=winresizelog.find('li:eq(3) strong');
  o.text(parseInt(o.text())+1);
});