2

我一直在阅读有关 css 和 js 压缩和最小化的信息。特别是在运行中或在构建时发布连接和缩小 JavaScript - ASP.NET MVC我正在开发一个 MVC ASP.NET 应用程序并使用 Combres 来最小化和压缩文件。我不太高兴,现在我正在按照 Scott 在提到的帖子中的建议评估 MVCScriptManager。

但是我的 css 文件有问题:在我的站点中,我允许用户更改页面的样式,我完成了定义不同样式表的此任务。

要在用户单击按钮时更改样式,我使用链接标签的“标题”属性启用正确的样式:

$('link[rel*=style][title]').each(function(i) {
   this.disabled = true;
   if (this.getAttribute('title') == styleName) this.disabled = false;
});

在我页面的头部,我拥有的是:

<link rel="stylesheet" type="text/css" href="/Content/css/green.css" title="Green" media="screen" />    
<link rel="alternate stylesheet" type="text/css" href="/Content/css/cyan.css" title="Cyan" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/orange.css" title="Orange" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/navy.css" title="Navy" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/purple.css" title="Purple" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/pink.css" title="Pink" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="/Content/css/wine.css" title="Wine" media="screen" />

问题是当我组合样式表时,我不能依靠 title 和 rel 属性来进行切换。任何帮助或建议将不胜感激!

提前致谢!

4

1 回答 1

3

好吧,你真的应该按需加载 CSS 文件。

因此,如果用户选择粉色,pink.css<link>将作为最后一个元素插入<head>.

于 2010-06-10T22:44:27.793 回答