11

次のコードを使用してrightpos、leftposとmiddleposdivの高さを等しくしました。

<script>

    jQuery.noConflict();
    jQuery(document).ready(function($){

        // Find the greatest height:
        maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height());
        maxHeight = Math.max(maxHeight, $('#leftpos').height());

        // Set height:
        $('#rightpos').height(maxHeight);
        $('#middlepos').height(maxHeight);
        $('#leftpos').height(maxHeight);

    })
</script>

http://yaskawa.ir/のメイン ページに対してこの方法を使用して最も高い div を決定することは、Firefox ではうまく機能しますが、Chrome では問題があります。

Sparky672の回答後の更新 1 :

alert('test here');このコードでは、最後が機能しないことがわかります。

<script>
    jQuery.noConflict();
    //jQuery(document).ready(function($){});

    jQuery(window).load(function($){

        // Find the greatest height:
        maxHeight = Math.max($('#rightpos').height(), $('#middlepos').height());
        maxHeight = Math.max(maxHeight, $('#leftpos').height());

        // Set height:
        $('#rightpos').height(maxHeight);
        $('#middlepos').height(maxHeight);
        $('#leftpos').height(maxHeight);

        alert('test here');
    })
</script>

ここに画像の説明を入力

4

2 に答える 2

20

高さを計算する前にすべてのアセットが読み込まれるようにwindow.load()、代わりに試してください。document.ready()

jQuery(window).load(function($){

ドキュメンテーション：

load イベントは、要素とすべてのサブ要素が完全に読み込まれると、要素に送信されます。このイベントは、URL に関連付けられた任意の要素 (画像、スクリプト、フレーム、iframe、および window オブジェクト) に送信できます。

http://api.jquery.com/load-event/

デモを見る:

http://jsfiddle.net/snBLP/3/

于 2012-12-12T21:00:18.383 に答える
-2

$(document).ready() は高さの計算には適していません。$(document).ready() は、画像の読み込みなどを待ちません。

試してみることをお勧めします

$(window).ready()

代わりは...

于 2012-12-12T20:55:05.693 に答える