我有一个需要为其创建样式表切换器的网站。现在,当涉及到 html/css/js 的所有内容时,我几乎是自学成才,所以请提前原谅我的新手。我修改了一些代码以满足我的需要,但我似乎找不到如何更改代码以针对头部的特定行。
目前这就是我所拥有的:
<ul id="nav">
<li><a href="#" rel="http://files.enjin.com/149304/theme-dark.css">Dark</a></li>
<li><a href="#" rel="http://files.enjin.com/149304/theme-light.css">Light</a></li>
</ul>
<script>
$(document).ready(function() {
$("#nav li a").click(function() {
$("link").attr("href",$(this).attr('rel'));
return false;
});
});
$(document).ready(function() {
if($.cookie("css")) {
$("link").attr("href",$.cookie("css"));
}
$("#nav li a").click(function() {
$("link").attr("href",$(this).attr('rel'));
$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
return false;
});
});
$(document).ready(function() {
if($.cookie("css")) {
$("link").attr("href",$.cookie("css"));
}
$("#nav li a").click(function() {
$("link").attr("href",$(this).attr('rel'));
$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
return false;
});
});
</script>
就目前而言,这段代码只是改变了头部的每个href并破坏了页面。
这是我需要更改的 href(它位于第 22 行):
<link href="./Home - Oceanian Gaming Community_files/theme.php" media="screen" rel="stylesheet" type="text/css">
任何帮助将不胜感激。