jQuery を使用して div の高さが変わったことを検出する 質問する

jQuery を使用して div の高さが変わったことを検出する 質問する

動的に追加および削除されるコンテンツを含む div があるため、その高さが頻繁に変わります。また、JavaScript を使用してその真下に絶対配置された div もあるため、div の高さが変わったことを検出できない限り、その下の div を再配置することはできません。

では、その div の高さが変わったことをどうやって検出すればいいのでしょうか? 使用する必要がある jQuery イベントがいくつかあると思いますが、どれにフックすればよいかわかりません。

ベストアンサー1

css-element-queries ライブラリのサイズ変更センサーを使用します。

https://github.com/marcj/css-element-queries

new ResizeSensor(jQuery('#myElement'), function() {
    console.log('myelement has been resized');
});

イベント ベースのアプローチを使用し、CPU 時間を無駄にしません。IE7+ を含むすべてのブラウザーで動作します。

おすすめ記事