2017-08-10 6 views
-1

私は1つのdivの最大の高さ(maxHeight)を取得し、隣接する2つのdivをmaxHeightに等しくなるように設定する関数を持っています。私は、この関数を呼び出すと、maxHeight、ウィンドウがサイズ変更されるたびに更新しようとしています。ご協力ありがとうございました。window.onresizeは関数を呼び出さない

window.onresize = setEqualHeight 

あなたの現在のコードがonresizeに関数の戻り値を設定し、これではありません。

Codepen


function setEqualHeight() { 
 
    var maxHeight = 0; 
 
    var height1 = $("#shopify-section-1502392377646").height(); 
 
    var height2 = $("#shopify-section-1502392409157").height(); 
 
    var height3 = $("#shopify-section-1502392513501").height(); 
 

 
    if (height1 > maxHeight) { 
 
    maxHeight = height1; 
 
    } 
 
    if (height2 > maxHeight) { 
 
    maxHeight = height2; 
 
    } 
 
    if (height3 > maxHeight) { 
 
    maxHeight = height3; 
 
    } 
 

 
    $("#shopify-section-1502392377646").height(maxHeight); 
 
    $("#shopify-section-1502392409157").height(maxHeight); 
 
    $("#shopify-section-1502392513501").height(maxHeight); 
 
}; 
 

 
setEqualHeight(); 
 

 
window.onresize = setEqualHeight();
#shopify-section-1502392377646, 
 
#shopify-section-1502392409157, 
 
#shopify-section-1502392513501 { 
 
    width: 33.333333333333333%; 
 
    display: inline-block; 
 
    float: left; 
 
    color: #fff; 
 
} 
 
#shopify-section-1502392377646 { 
 
    background: #023861; 
 
} 
 
#shopify-section-1502392409157 { 
 
    background: #055c9e; 
 
} 
 
#shopify-section-1502392513501 { 
 
    background: #3087ca; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="shopify-section-1502392377646"> 
 
    Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini. 
 
</div> 
 
<div id="shopify-section-1502392409157"> 
 
    Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach 
 
    fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. 
 
</div> 
 
<div id="shopify-section-1502392513501"> 
 
    Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. 
 
</div>

+1

私のjsFiddleをチェックしてください:https://jsfiddle.net/k5puy79u/1/ ...テキストの実際の高さを取得してそれに応じて段落タグを使用しました。 –

答えて

1

あなたは使用する必要があります何 あなたは探している。

関連する問題