JQUERY和窗口调整大小

时间:2013-06-11 21:57:10

标签: jquery dom twitter-bootstrap resize event-bubbling

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

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

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

我知道你可能会说调整大小事件只会起泡',但是如果div正在调整大小,由于浏览器窗口调整大小(以及通过bootstrap CSS),它应该会得到一个resize事件。

1 个答案:

答案 0 :(得分:3)

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

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

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

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

http://jsfiddle.net/vs8Q8/