jqueryのCookie値に基づいて非表示要素を表示する

debugcn 投稿 Dev

gmk

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();
    }       
});

Mudassir Hasan

取得する特定の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

単一のCookiesayを作成し、$.cookie('PageID')その値を別のページに設定します。次に、ランディングページ、つまりソースページを示す4ページでこのCookieの値を確認します。

ページ1

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

2ページ

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

および3ページ

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

次に、このCookieのロードチェック値に関する4ページを参照してください。

$(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();
} 

});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]