永久隐藏元素

时间:2010-11-13 14:53:58

标签: javascript html

我有两个按钮,“是”和“否”。如果用户单击“是”,我想显示需要永久的消息。

例如 - 我点击是,即使在页面重新加载后或下次用户登录时,该消息仍应保留。它不应再出现。如果删除文件或其他内容,也许可以。

我可以使用hide()隐藏所有元素,然后显示一个msg,但是在页面重新加载时,它们会返回..

你们可以帮忙吗?

由于

2 个答案:

答案 0 :(得分:1)

这可以使用html5的localstorage(但我没有使用它的经验),或使用jQuery cookie plugin

$(document).ready(
  function(){
    var msg = $.cookie('yesMsg');
    $('#messages').text('yesMsg');

    $('#messageSelectionDiv').click(
      function(){
         $.cookie('yesMsg',$(this).text() {expires: 30});
    });
  });

答案 1 :(得分:0)

如果您定位的浏览器支持HTML5,您可以使用HTML5 localStorage(否则为Cookie)为用户存储一些永久数据。

例如:

if (localStorage['show_something'])
  // Show it
else
  // Hide it

最初要存储它,你只需设置它:

  localStorage['show_something'] = true;

有关详细信息,请参阅此精彩文档: http://www.html5rocks.com/tutorials/offline/storage/