jQueryで設定するCSSに「!important」をつける

  JavaScript, jQuery 

jQueryで設定したcssはタグにインラインで記述されます。普段jQueryでcssを設定するときは下記のように設定するのが一般的かと思います。

ところがどっこい!上記の記述に「!important」を加えても効かないんです。下記はダメな例。

「よっぽど変なcss指定してきゃ、そんなことしなくていいでしょ!」
そりゃそうですが、現状のcssは触らないよう指示を受けてたり、外部のサーバから読んでるcssにimportantが指定されてると、そうはいかないですよね。

解決策:’cssText’を使う

photo credit: Kelly Schott via photopin cc

photo credit: Kelly Schott via photopin cc

‘cssText’でcssを設定すると、cssメソッドを使用した際にimportantを指定することができます。

これでバッチリ思い通りにcssを設定することができました。

複数のプロパティを設定したい場合は下記の様な記述でOKです。

プロパティごとじゃなくでテキストで一括指定するんですね。
本家サイトにも方法が載っておりました。

http://bugs.jquery.com/ticket/2066

地味なハマりポイントでしたが、お役に立てれば!

コレ聴きながら書きました!

特に「Dream Fighter」がお気に入りです。サビの疾走感が◎

ブログの更新情報はこちらで配信しています。

   

follow us in feedly

ad

wpx

  • wordpressに慣れてくると、今度は痒いところに手が届く細やかなカスタマイズをしたいですよね。phpを利用したカスタマイズからデータベースに直接アクセスする方法がとにかく丁寧に解説されています。個人的には第5章、「プラグインの自作」が物凄く役に立ちました!
  • JavaScript 第6版

    定番のO'Reilly本でJavaScriptを深く学びましょう!気になる箇所をざっと読むだけでも、とても参考になります。ざっと読みを繰り返すのがオススメ。超良書です!
  • WordPressのテーマ制作やテンプレートについての概念など、実際にサイトを制作しながらWordPressを知ることができます。
    制作するだけでなく、ユーザビリティからSEO、さらにはパフォーマンス改善にも触れているという充実ぶり。
    オリジナルテーマ制作のお供にどうぞ!
  • サンプルが大充実!定番のjQuery入門書です。
    本の内容に沿って制作を進めるだけで、即実戦投入できる程の機能ができ上がります。
    解説が丁寧且つチートシートも付いているのでjQueryについての理解がぐんと深まりますよ!
  • サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル

    WordPressプラグインの開発から運用までカバーする、プラグイン開発のまさに「バイブル」です。

    セキュリティやマネタイズにも触れられていて参考になるところ多すぎです。
PAGE TOP ↑