灯箱克隆的多个样式表

【问题标题】：Multiple stylesheets for a Lightbox clone灯箱克隆的多个样式表
【发布时间】：2010-06-01 09:03:25
【问题描述】：

我有一个 Lightbox 克隆（colorbox），它工作正常并且没有真正的问题。我想要的是一个额外的论点，它会说：

[伪代码]

if (linksRel == "lightbox1") {
  add stylesheet1 to this lightbox
} else {
  add stylesheet2 to this lightbox
}

[/伪代码]

目前，我有一个附加了“colorbox.css”文件和“jquery.colorbox.js”文件的页面 - 但我希望 JS 文件根据单击的链接导入所需的 CSS。 . 呃，这有意义吗？

有人有什么想法吗？我被难住了！

【问题讨论】：

【解决方案1】：

您可以尝试像这样使用 jQuery 导入样式表：

$("#stylesheets").html('<link rel="stylesheet" href="style1.css" \/>');

当然在你想要的那个链接上使用某种 click() 处理程序。

【讨论】：

嘿，这看起来像我需要的代码。但是，我添加了一个在单击时调用的函数，但样式表并未添加到页面中。 #stylesheets ID 是从哪里来的？
#stylesheets 应该是 HTML 中将插入样式表的 div 的 ID。在这种情况下，您需要<div id="stylesheets" style="display:none;"></div>
@Neurofluxation：还要确保在一些浏览器上进行测试，有些浏览器可能不接受这种行为（使用 JS 动态添加样式表）。如果答案有帮助，您可以投票/接受。