jQuery外高度改变答案

【问题标题】：Jquery outerheight changejQuery外高度改变
【发布时间】：2023-04-05 02:25:01
【问题描述】：

谁能告诉我如何创建一个在外部高度改变后启动的函数？

$("#some_id").bind("outerHeight().change", function () {
   do something
});

或

$("#someid").outerHeight().change(call some function);

谢谢。

【问题讨论】：

outerHeight 何时改变？它是在页面加载还是其他页面操作/事件上？基于此，只有您可以触发功能。否则需要使用 setInterval 来监控值的变化。
我认为没有什么可以绑定到的东西会知道高度何时发生变化。您可能希望将该功能添加到任何改变高度的地方。因此，如果您要添加更多内容，在添加检查高度之后，或者如果您使用可调整大小的插件调整大小，请使用回调。
它在其他事件中被更改，而不是在页面加载时。

标签： javascript jquery html outerheight

【解决方案1】：

自定义事件是我所知道的唯一可以实现此目的的事件。不过可能会有点乱。

https://jsfiddle.net/1rnjkrdk/1/

$('div').on('resize', function(){
    if( $('div').outerHeight() >= 70  ){
        $('div').addClass('blueBorder');
    }
});

setTimeout(function(){
    $('div').animate({
        height:  '75px'
    },{
        duration: 1000,
        complete: function(){
            $('div').trigger('resize');
        }
    });
}, 3000);

您是否有目标监听特定事件，然后在您准备好时在目标上触发所述事件。

【讨论】：