寻找风格切换器[关闭]答案

【问题标题】：Looking for a style swicher [closed]寻找风格切换器[关闭]
【发布时间】：2013-09-08 09:39:50
【问题描述】：

我有一段时间无法完成我的工作。

我无法实现样式切换器工作。我最近尝试实现以下内容：

http://www.cssnewbie.com/jquery-popout-ad-part-3/#.UixD59L0Fe5 ，但是cookie上使用的插件的链接，似乎还有更多可用的

http://designshack.net/articles/css-style-switcher/: 这个方法我很喜欢它的简单性，但是如果你点击链接，你会被重定向到服务器的主页，正如一些人在“文章”的 cmets 中所说的那样

我终于尝试了http://tympanus.net/codrops/2009/09/09/switching-styles-jquery-css-exchanger/：但我想要一些适用于链接而不是选项标签的东西

如果有人想阅读最后的 jsfiddle：jsfiddle.net/efvNZ/

有人可以帮助我解释如何调整这段代码，甚至鼓励我一些替代方法，我将非常感激

在此先感谢所有帮助我的人

【问题讨论】：

这很简单，但你需要一个 jQuery 解决方案。
抱歉，Stack Overflow 不是一个“给我代码”的网站，即使你对它很有礼貌（你是）。进行自己的尝试，如果遇到特定问题，请提出一个问题，说明您遇到问题的代码，并说明您希望它做什么，它似乎在做什么，以及为什么这会让您感到惊讶。
希望我没有无礼，我的句子不是命令。我只是问是否有人可以帮助我将该代码转换为适合链接，而原始代码似乎基于选项标签。但如果有人有问题，我会提供改变我的问题

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

没有 cookie...

头部部分（样式）

<link href="/css/main.css" rel="stylesheet" title="main" media="screen">
<link href="/css/alt1.css" rel="alternate stylesheet" title="alt1" media="screen">
<link href="/css/alt2.css" rel="alternate stylesheet" title="alt2" media="screen">

JavaScript

function changeStyle(title) {
  var lnks = document.getElementsByTagName('link');
  for (var i = lnks.length - 1; i >= 0; i--) {
  if (lnks[i].getAttribute('rel').indexOf('style')> -1 && lnks[i].getAttribute('title')) {
    lnks[i].disabled = true;
    if (lnks[i].getAttribute('title') == title) lnks[i].disabled = false;
    }
  }
}

HTML

<span onclick="changeStyle('alt1')">1st Stylesheet</span>
<span onclick="changeStyle('alt2')">2nd Stylesheet</span>

【讨论】：