2012-03-19 14 views
0

ウェブページに価格表のプラグインをインストールしました。それはうまく動作します。しかし、私は高さの問題に直面しています。スクリーンショットイメージをご覧ください。詳細コンテンツは他のコンテンツに比べて非常に長いです。他のセクションは整列していませんでした。すべてのセクションが折りたたまれています。私を助けてください。ありがとう。価格表の高さの問題

Screenshot

+0

あなたのページのトラブルシューティングを改善するためのリンクを提供できますか? – ckaufman

+0

ローカルパスのファイル。私は8時間と18時間の "時間のない"セクションを揃える必要があります。 –

+1

[jsFiddle](http://jsfiddle.net)を設定して問題を実証してみてください。そうすれば、私たちは容易に問題を見つけ出し、解決して解決することができます。そうでなけれ –

答えて

1

に沿って、次の行を入れます

<li><br>Detail<br>&nbsp;</li> 

詳細リストの項目には、2つの余分な行を追加することができます各行の各liに同じ高さを設定します。

Array.max = function(array){ 
    return Math.max.apply(Math, array); 
}; 
for (i = 0; i < $("ul li").length; i++) { 
//updated as per Sime Vidas comment. 
var heights= $("ul li:nth-child(" + (i) + ")").map(function() { 
    return $(this).height(); 
}).get(); 
var maxHeight = Array.max(heights); 
$("ul li:nth-child(" + (i) + ")").css("height", maxHeight); 
​}​ 

あなたのフィドルへのアップデートです:http://jsfiddle.net/PR9am/1/

希望します。

+0

リストを別のdivに入れてコードを更新すると、他の順序付けられていないリストが混乱することはありません。このように:http://jsfiddle.net/PR9am/2/ –

+1

wow。それはうまく動作します。どうもありがとう。めっちゃ幸せ。 –

+0

あなたは大歓迎です。お役に立てて嬉しいです。 –

-1

あなたは、単にこのjQueryのは、最大の高さを取得します。これは、残り

+0

あなたはこれを投票した理由を説明できますか?それは簡単に機能する修正です。 – ckaufman

+0

非常に不自由なので、テーブルが更新されるたびに変更する必要があります。 –