-4

これを機能させるのに問題があります。jQueryを使用して、ブラウザーウィンドウのサイズが変更されるたびにresizeWindow関数を実行するように呼び出しています。resizeWindow関数は意図したとおりに機能しますが、ブラウザーのウィンドウサイズを調整しても、関数が再度実行されるようには見えません。

$(document).ready(function(){
    //Bind the window onresize event
    $(window).bind('resize', resizeWindow);

    //Call resizeWindow() function immediately to intially set elements
    $(window).bind('load', resizeWindow);
});

function resizeWindow(){
    //Find all the container parent objects
    $('.container').each(function(){
            //Initialize the height variable
            var maxHeight = 0;

            //Cache the jQuery object for faster DOM access and performance
            var $borders = $(this).find('.border');

            //Find all the border child elements within this specific container
            $borders.each(function(){
                    //Get current element's height
                    var thisHeight = $(this).height();

                    //Check if the current height is greater than the max height thus far
                    //If so, change max height to this height
                    if (thisHeight>maxHeight) maxHeight = thisHeight;
            });

            //Now that we have the maximum height of the elements,
            //set that height for all the .border child elements inside the parent element
            $borders.height(maxHeight);
    });
}
4

1 に答える 1

2

関数が最初に呼び出されたときに境界線の高さを手動で設定すると、ウィンドウのサイズが変更されたときにサイズが調整されなくなります。

次の直後にこの行を追加してみてくださいvar $borders：

$borders.css({height:'auto'});
于 2013-03-05T15:53:52.793 に答える