jquery - jqueryを使用してcssを動的にオーバーライドすることは可能ですか?

Question

css を動的にオーバーライドすることは可能ですか?

css のように指定します

.mainDiv{
   min-height:100px !important
 }

jquery cssで同じことをすることは可能ですか?

私はもう試した

$(".mainDiv").css({"min-height" : ($(window).height() * 0.7) +"px !important"});

しかし、これはうまくいきません。

score 1 · Accepted Answer

CSS を動的にオーバーライドすることは間違いなく可能です。適用されていないのは !important 属性ですか?

.css() メソッドで追加できないのは事実です。ただし、これは .attr() メソッドで実現できます。

$(".mainDiv").attr("style", "min-height: " + ($(window).height() * 0.7) +"px !important");

score 0 · Accepted Answer

0

試す

$(".mainDiv").css({"min-height" : ($(window).height() * 0.7) +"px"});

于 2013-08-07T09:12:28.683 に答える

score 0 · Accepted Answer

引用符 (") の代わりに、` の代わりにバックティックを使用します。これが、jQuery が css を更新する唯一の方法です。

$(\`.mainDiv").css({"min-height" : ($(window).height() * 0.7) +"px !important\`});

score 0 · Accepted Answer

このフィドルを確認してください。あなたが試すことができます$(".mainDiv").css({"min-height" : ($(window).height() * 0.7) +"px"});

9 に答える 9