0

Ok。したがって、次のコードを使用してdivの高さのサイズを変更していますが、デザインが流動的であるため（修正したくない）。うまく機能しますが、ページをリロードせずに高さが変更されると、高さの値が間違ってしまいます。

したがって、高さが変更されているかどうかを確認してから、ページを再読み込みせずに更新する必要があります。jQueryソリューションのみが必要です。スクリプトは他の子または親ではないdivにも使用されるため、CSSソリューションを送信しないでください。

    $("#conten_area .sticky_note:has(.right_panel)").each(function (index, value) {
    var $this = $(this);
        current = $this.height();
        current = current+22;

        $this.find(".right_panel").height(current);

});
4

1 に答える 1

1

以下は、必要なことを行う必要があります。カスタム イベントを作成し、それを他のコードからトリガーして関数を実行しない限り、他のコードによる変更やユーザー操作に使用できるリスナーはありませんresizePanels。

function resizePanels() {
    $("#conten_area .sticky_note:has(.right_panel)").height( function(index, height) { 
        $this.find(".right_panel").height(height +22);
    });
}

/* resize panels when window resized*/
$(window).resize(function(){
     resizePanels();
})

/* resize panels on page load*/
$(function(){
    resizePanels();

})

</p>

于 2012-10-21T19:31:00.033 に答える