Question

javascript，jquery的新手。试图用这个

在html上显示隐藏元素

$(document).ready(function () {

    if ($.cookie() == "NAV1") {
        $(".sys, .Indiv").show();
        $(".pb, .er").hide();
    } 
    else if ($.cookie() == "NAV2") {
        $(".pb, .Indiv").show();
        $(".sys, .er").hide();  
    } 
    else if ($.cookie() == "NAV3") {
        $(".er").show();
        $(".sys, .pb, .Indiv").hide();
    }       
});

Answer 1

您需要提供要检索的特定Cookie的名称，例如($.cookie('navID')，其中 navID 是您用来设置值的Cookie的名称。

if ($.cookie('navID') == "NAV1") {
    $(".sys, .Indiv").show();
    $(".pb, .er").hide();
} 
else if ($.cookie('navID') == "NAV2") {
    $(".pb, .Indiv").show();
    $(".sys, .er").hide();  
} 
else if ($.cookie('navID') == "NAV3") {
    $(".er").show();
    $(".sys, .pb, .Indiv").hide();
}

$.cookie(）以对象形式收集所有cookie

编辑1

您需要检查特定cookie是否已设置为值。

$(document).ready(function () {

if ($.cookie('NAV1')) {
        $(".sys, .Indiv").show();
        $(".pb, .er").hide();
    } 
    else if ($.cookie('NAV2')) {
        $(".pb, .Indiv").show();
        $(".sys, .er").hide();  
    } 
    else if ($.cookie('NAV3')) {
        $(".er").show();
        $(".sys, .pb, .Indiv").hide();
    } 

});

编辑2

创建一个Cookie $.cookie('PageID')，并将其值设置在不同的页面中。然后在着陆页上检查此cookie的值，即第4页，它将告诉您源页面。

第1页

$.cookie('PageID', 'NAV1'); //page 1

第2页

$.cookie('PageID', 'NAV2'); //page 2

和第3页

$.cookie('PageID', 'NAV3'); //page 3

然后在第4页上关于此cookie的加载检查值

$(document).ready(function () {
if ($.cookie('PageID') == "NAV1") {
    $(".sys, .Indiv").show();
    $(".pb, .er").hide();
} 
else if ($.cookie('PageID') == "NAV2") {
    $(".pb, .Indiv").show();
    $(".sys, .er").hide();  
} 
else if ($.cookie('PageID') == "NAV3") {
    $(".er").show();
    $(".sys, .pb, .Indiv").hide();
} 

});

Answer 2

$。cookie（）读取所有cookie。您必须阅读特定的cookie值。

$.cookie('cookieName');读取名称为

的Cookie

在jquery中根据cookie值显示隐藏元素

2 个答案: