2017-07-26 11 views
1

私は数秒間ウェルカムメッセージを表示してから、フェードアウトして戻ることはありません(ユーザーがクッキーを削除しない限り)。私はjs cookieかlocalStorageのどちらかを使ってこの2つの方法ができることを知っています。これは私が使用しているコードです:初めての閲覧者のみのメッセージを表示

$(document).ready(function() { 
    if(localStorage.getItem('messageState') != 'shown'){ 
     $("#message").delay(2000).fadeOut(); 
     localStorage.setItem('messageState','shown') 
    } 

    $('#message').fadeOut(); 
    }); 
}); 

しかし、それはフェードアウトしていません。私は間違って何をしているすべてのアイデア?

jsクッキーを使用する方がいいですか? 、});とフェードアウト作品をあなたの最後の行を削除しますhttp://jsfiddle.net/Y2D67/1786/

答えて

2

はここでフィドルです。

$(document).ready(function() { 
    if(localStorage.getItem('messageState') != 'shown'){ 
     $("#message").delay(2000).fadeOut(); 
     localStorage.setItem('messageState','shown') 
    } 


    $('#message').fadeOut(); 
}); 
+0

メッセージが読み込まれた後。リフレッシュすると、メッセージが表示され、非常に迅速に消えます。これをやめる方法はありますか?フェードアウトでクラスhideを追加しようとしましたが、リフレッシュ時に削除されています。 – alexgomy

+0

私は個人的には最初に隠し、新しいものであればフェードインしてからフェードアウトします。 – Loaf

2

あなたの構文が間違っている、閉じ括弧

}) 

のlocalStorageはこのような何かを格納するための細かな方法だろう属していない、私は通常のlocalStorageであることをルールで行きますフロントエンドで読み取るデータの場合は、クッキーは主にサーバー側の読み取り用です。

+2

どのように私はそれを逃しました!今度は答えが私を見つめていた。ありがとう – alexgomy

関連する問題