Question

我有一个页面，其中包含由javascript修改的内容。我想创建一种在内容大小发生变化时触发的事件监听器。我不想要这个：

$(window).resize(...);

当窗口大小发生变化时触发 - 例如，当用户重新调整浏览器窗口大小时。我试过这个：

$('body').resize(...);

然而它不会触发。如何创建在内容导致页面大小更改时触发的事件？我也对普通的javascript解决方案持开放态度。

Answer 1

默认情况下，jQuery只允许你在window上使用该事件，但至少有一个plugin可以让你将它绑定到其他元素。我建议使用它。

通过这个你可以做类似的事情，比如

$("#unicorns").resize(function(e){
    // do something when #unicorns element resizes
});

Answer 2

你可以使用这种方法：

$(elem).append('<iframe id="frame0" name="frame0" width=100% height=100% style="position:absolute;top:0px;z-index:-1"></iframe>');
frame0.onresize = function() {
    //..do something ””
}

这将触发每个elem大小的变化;）

身体上的Jquery触发器调整大小

2 个答案: