Question

我有一个网站，允许用户通过jQuery在两个不同的CSS外观之间切换。一旦用户选择了一个，它就会设置一个365天的cookie来记住用户选择的样式表。我试图找出一种方法，如果没有设置cookie，可以在两个样式表之间随机化。

这是相关的jQuery（核心和cookie插件在.js文件中加载得更高）。我想我需要在其他地方添加一些随机的“抓取”。

if($.cookie("css")) {
    $("link").attr("href",$.cookie("css"));
}else{

}
$(function() { 
    $("#designSwap li a").click(function() { 
        $("link").attr("href",$(this).attr('rel'));
        $.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
        var themeColor = 'dark';
        updateColor($(this).attr('class'));
        return false;
    });
});

这是HTML：

<ul id="designSwap">
    <li><a class="dark" href="#" title="Alternate Design #1" rel="/lib/css/common-dark.css"></a></li>
    <li><a class="light" href="#" title="Default Design" rel="/lib/css/common.css"></a></li>
    <li>Choose your scheme:</li>
</ul>

编辑：我已经在这里运行并运行了http://centerline.net，如果有人想看到样式表和cookie设置的交换。

Answer 1


var rand = Math.floor(Math.random()*2)
if (rand > 0)
   $("link").attr("href","/lib/css/common-dark.css");
else
   $("link").attr("href","/lib/css/common.css");

如果尚未设置cookie，请尝试随机化样式表

1 个答案: