JQUERY 和窗口调整大小

Question

这似乎是一个关于 Jquery 和 twitter 引导的简单问题

我有一个 twitter 引导程序，流体布局，当窗口调整大小时，流体行明显调整大小，但我注意到这些 <div>s 没有收到或发出 .resize 事件

我可以使用$(window).resize 检测浏览器窗口调整大小，但即使子元素调整大小，将调整大小处理程序附加到它们不会导致调整大小事件触发

我知道你可能会说调整大小事件只会“向上”冒泡，但如果 div 正在调整大小，由于浏览器窗口调整大小（并通过引导 CSS），它肯定会收到一个调整大小事件。

Answer 1

最好的办法是简单地将resize 处理程序放在window 上，并在该处理程序中处理整个页面内容所需的任何与调整大小相关的更改。

或者，您可以在调整窗口大小时触发元素上的自定义事件：

$(".resizer").on("customresize", function(){
    var $this = $(this);
    $this.text($this.width());
});

$(window).resize(function(){
   $(".resizer").trigger("customresize"); 
});

http://jsfiddle.net/vs8Q8/