我正在使用 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");
});
任何想法都会对我有很大帮助。
谢谢。
最佳答案
给出一个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 对象的属性。
关于jquery - 删除 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12857734/