2017-07-26 57 views
1

我试图显示欢迎消息几秒钟,然后让它淡出并不返回(除非用户删除了cookie)。我知道我可以使用js cookies或localStorage这两种方式来完成。这是我使用的代码:仅显示第一次查看器的消息

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

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

但它并没有消失。任何想法我做错了什么?

或者我会更好地使用js cookie?

这里有一个小提琴: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

消息已加载后。当你刷新消息出现并很快淡出。有没有办法阻止它?我已经尝试在淡出时添加类隐藏,但在刷新时将其删除。 – alexgomy

+0

我会先亲自隐藏它,如果它们是新的,然后淡出,就会淡入。 – Loaf

2

你的语法错误,右括号

}) 

不属于

的localStorage将存储这样的一个好方法,我通常由localStorage的是治随走我想在前端读取的数据和Cookie主要用于读取服务器端

+2

我是怎么错过的!这一次,答案一直在盯着我。谢谢 – alexgomy