javascript - 如何在高度变化时改变兄弟高度

Question

我试图在右 div 的高度变化时改变左 div 的高度。每次高度变化时触发高度变化。有多个点击按钮，所以我不想触发按钮点击。

  $(".right-div").resize(function(){
         $(".left-div").eq(0).height($(".right-div").eq(0).height());
  });

标签： javascriptjqueryhtmlcss

Answer 1

该resize函数仅侦听窗口调整大小。它不能听元素高度的变化..你可以做一些`间隔功能。喜欢这个：

    const rightdiv = $("#rightdiv");
    const leftdiv = $("#leftdiv");

    function resizeListener() {

        resizeListener.preHeight = "";
        var rightHeight = rightdiv.css("height");
        var leftHeight = leftdiv.css("height");

        if (rightHeight != resizeListener.preHeight) {
            resizeListener.preHeight = rightHeight;
            leftdiv.css("height", rightHeight);
        } else if (leftHeight != resizeListener.preHeight) {

            resizeListener.preHeight = leftHeight;
            rightdiv.css("height", leftHeight);
        }
    }

    setInterval(resizeListener, 100);

希望它的帮助