使用CSS切换器后,选择菜单无法打开

时间:2012-02-22 22:53:08

标签: jquery jquery-ui select-menu

所以我有一个支持cookie的css切换器。问题是,当我切换样式并刷新页面时,jquery ui选择菜单不再打开。这种情况只发生在文本格式化版本中。 如果我关闭选项卡并再次打开它,则选择菜单会显示文本格式。任何人都可以告诉我这里我做错了什么? 这是demo

css切换器代码:

(function($)
{
$(document).ready(function() {
    $('.styleswitch').click(function()
    {
        switchStylestyle(this.getAttribute("rel"));
        return false;
    });
    var c = readCookie('style');
    if (c) switchStylestyle(c);
});

function switchStylestyle(styleName)
{
    $('link[@rel*=style][title]').each(function(i) 
    {
        this.disabled = true;
        if (this.getAttribute('title') == styleName) this.disabled = false;
    });
    createCookie('style', styleName, 365);
}
})(jQuery);
// cookie functions http://www.quirksmode.org/js/cookies.html

function createCookie(name,value,days)
{
if (days)
{
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
function readCookie(name)
{
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++)
{
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name)
{
createCookie(name,"",-1);
}
// /cookie functions

0 个答案:

没有答案