2017-04-19 10 views
0

私はfancyboxで開くモーダルを持っています。私はこれが唯一のセッションごとに一度開くようにクッキーを設定しようとしていますFancybox jqueryクッキーを使用してページロードで一度開くモーダル

$("#download-brochure-button").fancybox().trigger('click'); 

:私はjQueryを使って開いているモーダルボタンをクリックして、ページのロード時に、このモーダルを発射することができます。アプリケーションタブのクロムインスペクタを見ていて、生成されたクッキーが見えません。私はjQuery Cookieを使用してクッキーを処理していますが、何か間違っている必要があります。ここに私のjsです:

//Brochure Modal with cookie 
$(document).ready(function(){ 
    var check_cookie = $.cookie('brochure_modal_cookie'); 
    if(check_cookie === null){ 
     $.cookie('brochure_modal_cookie', 'value', { expires: 7 }); 
     $("#download-brochure-button").fancybox().trigger('click'); 
    } 
}); 

現在、モーダルショーはなく、クッキーは見られません。どなたでも大歓迎です。

+0

あなたが確認するために、 'Application']タブの下の' Cookies'サブタブを選択しましたか?また、実際に何が得られるかを見るために 'console.log(check_cookie)'を試してみてください! –

+0

console.log(check_cookie)は私には定義されていない、私はnullと同じだと思いますか?また、Cookies.set( 'name'、 'value')を追加して、ドキュメントに続いてCookieを簡単に設定しようとしました。コンソールに「Cookies is not defined」というエラーが表示されます。これは、jqueryプラグインがロードされていないことを示唆していますが、ロードパスを何度もチェックしています。その他のアイデアは? – vincentieo

+0

同じパスのソースにJqueryプラグインが表示されていますか?そのメソッドを呼び出す前に同じものがロードされていますか? –

答えて

0

更新されたhttps://github.com/js-cookie/js-cookieプラグインを使用してこれを修正しました。

私の作業コード:

//Brochure Modal with cookie 
Cookie = Cookies.get('brochure_modal_cookie'); 
if (Cookie == null) { 
    $("#download-brochure-button").fancybox().trigger('click'); 
    Cookies.set('brochure_modal_cookie', 'value', { expires: 7 }); 
} 
関連する問題