我使用spring MVC和jsp页面进行演示,我有三个选项卡,假设A,B和C在一个jsp页面中.在单击A选项卡时,css文件(如aa.css)已加载到head标签中,并显示相应的div,单击B和C时的方式相同.主要问题是一旦加载了三个.CSS文件,它就会覆盖彼此.此外,我想从头部删除css文件,使用jquery点击任何上面的选项卡,如下所示.
$("#A").click(function(){
alert("Remove bb and cc.css file form head tag");
});
任何想法都会对我有所帮助.
谢谢.
解决方法
为< link>提供ID标签.
<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对象上有一个disabled属性.
将disabled作为HTML属性使用是非标准的,仅供某些Microsoft浏览器使用.不要使用它.要获得类似的效果,请使用以下技术之一：
>如果已将disabled属性直接添加到页面上的元素,请不要包含< link>元素代替;>通过脚本设置DOM对象的disabled属性.
