Javascript Lightbox克隆的多个样式表

Javascript Lightbox克隆的多个样式表,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个Lightbox克隆(colorbox),它工作正常,没有任何实际问题。我想要的是一个额外的论点,它会说: [伪代码] if (linksRel == "lightbox1") { add stylesheet1 to this lightbox } else { add stylesheet2 to this lightbox } [/pseudocode] if (linksRel == "lightbox1") { add stylesheet1 to this li

我有一个Lightbox克隆(colorbox),它工作正常,没有任何实际问题。我想要的是一个额外的论点,它会说:

[伪代码]

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

if (linksRel == "lightbox1") {
  add stylesheet1 to this lightbox
} else {
  add stylesheet2 to this lightbox
}
目前,我有一个附加了“colorbox.css”文件和“jquery.colorbox.js”文件的页面-但我希望js文件根据单击的链接导入所需的css。。。呃,这有意义吗


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

您可以尝试使用jQuery导入样式表,如下所示:

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

当然,在您想要的链接上使用某种类型的click()处理程序。

Nice FakeCode标记。应该实现它们:o)更改为伪代码标记;)嘿,这看起来像是我需要的代码。但是,我添加了一个在单击时调用的函数,但是样式表没有添加到页面中。#样式表ID来自哪里?#样式表应该是HTML中插入样式表的div的ID。在这种情况下,您需要一个
@Neurofluxation:还要确保在一些浏览器上测试,有些浏览器可能不接受这种行为(使用JS动态添加样式表)。如果答案有帮助,你可以投赞成票/接受它。