javascript - Jquery触发身体调整大小

Question

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

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

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

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

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

Answer 1

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

有了这个，你就可以做类似的事情，比如

$("#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 ””
}

这将在每个元素大小更改时触发；）