javascript - 显示网页时使用了两个或多个 CSS 样式

Question

我正在使用 JavaScript 为不同类型的可访问选项选择不同的 CSS 样式，例如。白色文本上的黑色，较大的文本。我遇到的问题是，当您更改 CSS 工作表时，它会使用以前选择的工作表中的元素。你可以通过查看网站更清楚地理解我的意思here (在 IE 中无法正确显示)。如果单击不同的 [Aa] 选项，您可以更改样式。我正在使用此代码 (JavaScript) 执行此操作:

if ($.cookie("css")) {
    $("link").attr("href", $.cookie("css"));
}
$(document).ready(function() {
    $("#accessibility a").click(function() {
        $("link").attr("href", $(this).attr('rel'));
        $.cookie("css", $(this).attr('rel'), {
            expires: 365,
            path: '/'
        });
        return false;
    });
});​

和 HTML:

<a href="#" rel="index.css"><img src="images/bonw.png"></a>
<a href="#" rel="index_wonb.css"><img src="images/wonb.png"></a>
<a href="#" rel="index_+.css"><img src="images/+.png"></a>

我不知道它为什么这样做，任何帮助都会很棒!!

Answer 1

您可以在一个页面上使用多个 css 表，您添加一个 css 页面而不是选择一个新页面。尝试使用新的 CSS 重新加载页面。