2016-10-28 12 views
0

javascriptの初心者、jquery。あなたはと、Navidはあなたが値を設定するために使用されているクッキーの名前がどこにあるかなど($.cookie('navID')を取得したい特定のCookieの名前を与える必要があり、このjqueryのクッキー値に基づいて要素を非表示にします。

$(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('cookieName');読み取りクッキーは、あなたのマークアップとあなたがしようとしているかについて簡単に共有することができますか? – gurvinder372

+0

[jQuery cookie plugin](https://plugins.jquery.com/cookie/)を含めましたか? –

+0

3ページから3種類のCookieを渡しています page1から:NAV1;ページ2から:NAV2;ページ3から:NAV3; 上記のコードはpage4 目的である:ユーザがナビゲートどのページからに応じて、関連する要素が示すshoudまたは例えば を隠す:ユーザーのPage1から来て、それから「.SYS、.Indiv」を示す必要があります".pb、.er"は非表示にするなど – gmk

答えて

0

とHTMLの非表示要素を表示しようとしています。

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(は)あなたが特定のクッキーが値が設定されているかどうかを確認する必要があるオブジェクト

EDIT 1

の形ですべてのクッキーのコレクションを提供します。

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

}); 

EDIT 2

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

ページ

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

このクッキーの負荷チェック値に4ページそして

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

3ページの2ページの1

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

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

}); 
+0

3ページから3種類のCookieを渡しています page1:NAV1;ページ2から:NAV2;ページ3から:NAV3; 上記のコードはpage4 目的である:ユーザがナビゲートどのページからに応じて、関連する要素が示すshoudまたは例えば を隠す:ユーザーのPage1から来て、それから「.SYS、.Indiv」を示す必要があります".pb、.er"は非表示にしてください。 – gmk

+0

ページ4にランディング中にクッキーが存在するかどうかを確認する必要があります。編集した回答 –

+0

をチェックしてください。これを試してみて、3種類のクッキーを使用するのではなく – gmk

0

$ .cookie()はすべてのCookieを読み取ります。特定のCookie値を読み取る必要があります。名前

関連する問題