11

プレゼンテーションにjspページでSpringMVCを使用していますが、1つのjspページにA、B、Cの3つのタブがあります。Aタブをクリックしている間、aa.cssなどのcssファイルがそれぞれのdivとともにheadタグにロードされていることが表示され、BとCをクリックしても同じように表示されます。主な問題は一度3つです。CSSファイルが読み込まれ、相互に上書きされます。また、以下に示すように、 jqueryを使用して上記のタブのいずれかをクリックするとロードされているヘッドからcssファイルを削除したいと思います。

  $("#A").click(function(){
     alert("Remove bb and cc.css file form head tag");
  });

どんなアイデアでも私を大いに助けてくれます。

ありがとう。

4

4 に答える 4

23

タグidに を<link>付けます。

<link rel="stylesheet" href="style1.css" id="style1" />
<link rel="stylesheet" href="style2.css" id="style2" />

そして、このコードを使用してください：

$("#A").click(function(){
    $("#style1").attr("disabled", "disabled");
});

注: HTML 標準には無効化された属性はありませんが、HTMLLinkElement DOM オブジェクトには無効化された属性があります。

HTML 属性としての disabled の使用は非標準であり、一部の Microsoft ブラウザーでのみ使用されます。使用しないでください。同様の効果を得るには、次のいずれかの方法を使用します。

  • 属性がページの要素に直接追加されている場合は、代わりdisabledに要素を含めないでください。<link>
  • disabledスクリプトを使用して DOM オブジェクトのプロパティを設定します。
于 2012-10-12T11:10:34.597 に答える
7

次のように無効にすることで、css をアンロードできます。

$("#A").click(function(){
    $("link[href*=bb.css]").attr("disabled", "disabled");
    $("link[href*=cc.css]").attr("disabled", "disabled");
    $("link[href*=aa.css]").removeAttr("disabled");
});
于 2012-10-12T11:12:53.467 に答える