0

以下のコードの7 行目の#contentの高さに「!important」を追加できるようにしたいと考えています。変数$newHeightを動的に維持する必要があるため、使用できるようにする必要があります。

この css 宣言に!importantを追加する方法を知っている人はいますか? プラス (+) 記号を使用して連結しようとしましたが、失敗しました。

コードは次のとおりです。

$(window).resize(function() {

    var $windowHeight = $(window).height();
    var $newHeight = $(window).height()-$('#footer').height()-153;

    if ($windowHeight < 847){
        $('#content').css("height",$newHeight);         
}

});
4

3 に答える 3

2

!importantjQueryで設定することはできません。動作しないデモについてはこちらをご覧ください。長い説明といくつかの代替回答についてはこちらをご覧ください

高さを持つクラスを使用することもできましたが、高!importantさが可変であるため、これは実行できません。上記のスレッドを見て、適切で確かな答えを探します

または、次のように高さを変更してみましたか:

$('#content').height($newHeight);
于 2013-07-01T15:45:53.047 に答える
1

!important次のように追加できます。

var element = document.getElementById("content");
element.setAttribute('style', 'height:'+$newHeight+'!important');
于 2013-07-01T15:43:34.730 に答える