0

基本的に、3 つのレベルに入るショップ カテゴリ ナビゲーションがあります。必要なことは、UL の高さが少なくともその子の高さになるように拡張することです。

たとえば、 #nav ulが 600px だった場合、#nav ul ulは自動的に少なくとも 600px になります。ただし、#nav ul ul ulが 750px の場合、600px に制限されるのではなく、その高さにできる必要があります。

親が 600px の場合、すべての子が 600px の .height に設定されるようにすることができますが、これを min-height としてどのように行うのでしょうか?

たとえば、リンクを参照してください。

ご覧のとおり、2 番目のレベルは親の高さに調整されますが、js が min-height ではなく高さを設定するため、3 番目のレベルはその長さに制限されます。

ありがとう、マイク

4

4 に答える 4

0

.css('min-height', someHeight)代わりに使用するだけです.height(someHeight)

于 2012-12-11T12:04:33.550 に答える
0

非表示の要素の寸法を取得することはできません。結果は、高さと幅がゼロになります。それらを非表示にする代わりに、次のような css を使用してサブ UL 位置オフスクリーンを設定できます。

 ul ul {position: absolute; left: 80px; top: -999em}
 ul li:hover > ul {top:0;}

それらは隠されていないので、あなたのsetAllToMaxHeight()方法は機能します

デモ: http://jsfiddle.net/bzsM9/18/

于 2012-12-11T12:24:50.267 に答える
0

それはあなたが探しているものですか？ デモ

$(document).ready(function(){
    $('ul').hover(function(){
         $('ul').setAllToMaxHeight();
    });
});​
于 2012-12-11T12:18:06.987 に答える
0

あなたが何を望んでいるのか理解できませんが、私にできることはできます ;)

$(document).ready( function() {
var i1 = 600;
var i2 = $("#nav ul ul").height();
var i3 = $("#nav ul ul ul").height();
if(i2 >= i1) {
$("#nav ul ul").css({ 'min-height':'600px' });
}
if(i3 >= i1) {
$("#nav ul ul ul").css({ 'min-height':'600px' });
}
});

それが間違っていたとしても、反対票を投じることはありません

于 2012-12-11T12:08:32.233 に答える