再会!
我想根据列表的大小添加和删除CSS文件。
我的代码如下:
$("#size_storedList").ready(function(){
var list_size = $("#size_storedList").attr('value');
if(list_size <= 4){
if ($("link").is('.size5')){
$('link.size5').removeClass();
}
if ($("link").is('.size6')){
$('link.size6').removeClass();
}
$('head').append('<link class="size4" rel="stylesheet" href="css/stored_list/list_size4.css" type="text/css" />');
} else if(list_size == 5){
if ($("link").is('.size4')){
$('link.size4').removeClass();
}
if ($("link").is('.size6')){
$('link.size6').removeClass();
}
$('head').append('<link class="size5" rel="stylesheet" href="css/stored_list/list_size5.css" type="text/css" />');
} else if(list_size == 6){
if ($("link").is('.size4')){
$('link.size4').removeClass();
}
if ($("link").is('.siz5')){
$('link.size5').removeClass();
}
$('head').append('<link class="size6" rel="stylesheet" href="css/stored_list/list_size6.css" type="text/css" />');
}
});
但这有点混乱。我可以做什么来最小化检查文件是否已存在,以便我可以将其删除
if ($("link").is('.size5')){
$('link.size5').removeClass();
}
谢谢。
<link rel="stylesheet" href="default.css" type="text/css">
<ul>
<li><a id="css-red" href="#red">Red</a></li>
<li><a id="css-blue" href="#blue">Blue</a></li>
<li><a id="css-green" href="#green">Green</a></li>
</ul>
$(document).ready(function() {
// red
$("#css-red").click(function() {
$("link[rel=stylesheet]").attr({href : "red.css"});
});
});
上述概念与您不同,但我认为这将是一个好主意。您可以根据当前代码进行自定义。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)