Question

我正在开发一个很酷的样式开关，但我无法通过的问题不仅仅是改变样式表而且改变了js文件。我的模板的整个样式包含在一个css文件和更多的js文件中（在你问我为什么不包括css文件中的所有内容之前，因为这样一些不能正常工作）。

我希望点击一个div来更改样式表和一些javascript的src。我可以更改样式表的部分，但不知道如何用带有html的js文件做同样的事情。

例如：点击“.color-orange”div改变这些：

<link rel="stylesheet" type="text/css" href="css/style.css" title="default"/>
<script src="js/global.js"></script>
<script src="js/exemple.js"></script>

对于这些：

<link rel="alternate stylesheet" href="css/style-orange.css" type="text/css" title="orange">
<script src="js/global-orange.js"></script>
<script src="js/exemple-orange.js"></script>

代码，我正在使用：

<li><a href="/" onclick="setActiveStyleSheet('default'); return false;"><div class="color-default"></div></a></li>
<li><a href="/" onclick="setActiveStyleSheet('orange'); return false;"><div class="color-orange"></div></a></li>

提前致谢！我对任何建议持开放态度。

Answer 1

它基本上使用jQuery，起初我已经用id（默认和橙色）命名每个标签，然后我创建了jQuery函数，当点击其中一个链接时，链接href将通过使用该方法改变.attr（）。

<li><a href="#" id="default"><div class="color-default"></div></a></li>
<li><a href="#" id="orange"><div class="color-orange"></div></a></li>

$('#default').click(function({
 $( "link" ).attr({
   href: "/default.css",
 });
});

$('#orange').click(function({
 $( "link" ).attr({
   href: "/orange.css",
 });
});

动态更改某些javascript文件的src

1 个答案: