-1

私がやろうとしているのは、ブラウザーの高さを計算し、その数値を約 20% 減らしてから、その数値を要素の高さに割り当てることです。問題は、要素がスクロール可能な div 内にあるためheight: 80%、親 div の高さではなくブラウザーの高さが必要なため、割り当てるだけでは機能しません。残念ながら、別の問題は、!important構文を使用してそれを強制する必要があることです。

これが私がこれまでに持っているものです：

var browserHeight = jQuery(window).height();
var desiredHeight = browserHeight * 0.8;
jQuery('##myID .myClass').attr('style', 'height: 100px !important');

を失うことなく、に置き換える方法100pxを理解する必要があります。desiredHeight!important

あなたが私を助けることができれば、私はきっとそれを感謝します! 別の（おそらくより良い）方法を念頭に置いていても。:)

4

3 に答える 3

2

文字列を変数と連結するだけです：

$('#myID .myClass').attr('style', 'height: ' + Math.round(desiredHeight) + 'px !important');

注: セレクターから余分なポンド記号を削除したため、例外が発生しました。また、これはインライン スタイルであり、要素のすべての css ルールをオーバーライドするため、重要な必要はありません。これを切り替えて、css メソッドをそのまま使用します。

$('#myID .myClass').css('height', desiredHeight);
于 2013-07-11T19:25:15.167 に答える
1 
var browserHeight = $(window).height();
var desiredHeight = browserHeight * 0.8;
jQuery('##myID .myClass').attr('style', 'height: '+ desiredHeight +'px !important');
于 2013-07-11T19:26:25.007 に答える
0

これはうまくいくはずです

var browserHeight = jQuery(window).height();
var desiredHeight = browserHeight * 0.8;
jQuery('##myID .myClass').attr('style', 'height: '+desiredHeight+'px !important');
于 2013-07-11T19:24:59.560 に答える