jquery - 删除 CSS 文件

Question

我正在使用 spring MVC 和 jsp 页面进行演示，假设在一个 jsp 页面中有三个选项卡 A,B 和 C。单击 A 选项卡时，将显示诸如 aa.css 之类的 css 文件以及相应的 div 加载到 head 标签中，单击 B 和 C 时的方式相同。主要问题是一次 Three 。 CSS 文件正在加载，它会互相覆盖。我还想从 head 中删除 css 文件，该文件已在使用 jquery 单击上述任何选项卡时加载，如下所示。

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

任何想法都会对我有很大帮助。

谢谢。

Answer 1

给出一个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 属性的使用是非标准的，仅由某些 Microsoft 浏览器使用。不要使用它。要达到类似的效果，请使用以下技术之一:

• 如果disabled属性已直接添加到页面上的元素，不包括 <link>元素代替；
• 设置disabled通过脚本编写 DOM 对象的属性。