Question

我必须在cookie中维护侧边栏的状态。所以我所做的只是clik on hide sidebar按钮我创建了cookie以维持其状态。看下面的代码。

//Create Cookie function which is usefull to create cookies

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=/";
}
//Read Cookie function which is usefull to read cookies vlues
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;
}
//Earse Cookie function which is usefull to earise cookies vlues
function eraseCookie(name) {
    createCookie(name,"",-1);
}
// This function is used for  sidebar state managemnet operations.
function checksidebarstatus()
{
    var sidebarval = '';
    sidebarval = readCookie('sidebarval');
    if(sidebarval == 'hide')
    {   
        jQuery(".show-sidebar").fadeIn();
        jQuery("#main").css( "width","950" );
        jQuery("#sidebar").hide();
    }
}

现在当隐藏按钮代码隐藏边栏时如下

// Sidebar Animation
jQuery("#hide-sidebar").click(function(){

    if(sidebarval == "hide")
    {
        //jQuery("#sidebar").delay(500).hide("slow");
        jQuery("#sidebar").hide("slide", { direction: "left" }, 500);
    }else
    {
        jQuery("#sidebar").hide("slide", { direction: "left" }, 500);
    }
    jQuery("#main").delay(500).animate({
        width: 950
    }, 1000 );
    jQuery(".show-sidebar").delay(1500).fadeIn();
    createCookie('sidebarval','hide',7);
});

jQuery("#show-sidebar").click(function(){

    jQuery(".show-sidebar").fadeOut();
    jQuery("#main").animate({
        width: 760
    }, 500 );
    if(sidebarval == "hide")
    {    
        //jQuery("#sidebar").delay(500).show("slow");
        jQuery("#sidebar").delay(500).show("slide", { direction: "left" }, 1000);
    }else
    {
        jQuery("#sidebar").delay(500).show("slide", { direction: "left" }, 1000);
    }   
    createCookie('sidebarval','show',7);
});

现在我有js varible来获取cookie数据id，如下所示

var sidebarval = readCookie('sidebarval');

现在我必须要运行代码，但是当我获得cookie值时，它将不允许这个

jQuery("#sidebar").delay(500).show("slide", { direction: "left" }, 1000);

如果我取消注释此行，则此show方法有效。

jQuery("#sidebar").delay(500).show("slow");
//jQuery("#sidebar").delay(500).show("slide", { direction: "left" }, 1000);

有谁能告诉我这是怎么回事。感谢。

Answer 1

您需要在项目中包含JQuery UI文件。顶部节目适合您，因为它位于默认的JQuery代码库中。底部show方法是一个不起作用的方法，它是JQuery UI Effects Core的一部分。您需要自己构建包含此选项的JQuery UI文件，它将起作用。

这是show函数的链接： http://jqueryui.com/demos/show/

Jquery ui show（）方法与wordpress中的cookie冲突

1 个答案: