jquery在事件中操作对象后，按F5刷新页面问

本帖最后由 wylhappy123 于 2011-06-17 20:17:55 编辑

解决方案 »

  1.   

    保存操作状态 在 服务端或者客户端（cookie）
      

  2.   

    不知道你的需求是什么？要实现你说的效果不难 关键你这个页面是要干什么？ 是否需要动态绑定数据？ 难道就是固定的这样一个div 一个table？ 如果不是，数据从哪里来的？ 服务端？ 如果是，想删除这种操作就应该更新到服务端，下次刷新的时候重新获取数据，已删除的自然不会再显示……
      

  3.   

    把状态保存在session里每次页面刷新的时候，都根据session里保存的状态来决定是否显示该元素
      

  4.   

    我明白3楼你的意思，就是像删除这样的操作是要连同数据库中的数据一起删掉的，这个例子举得不好...再举个例子，需求中要求某元素开始是显示的，然后点击某个按钮就让它隐藏，然后刷新也不显示，但是用jquery:...click(function(){
                      ...hide();
                   });
             按F5就会重新加载页面，然后显示我刚才隐藏的
      

  5.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    var $btnToggle = $('#toggle');
    var $divTest = $('#test');

    if(getCookie('testState') != 'none'){
    $btnToggle.val('隐藏');
    }else{
    $divTest.hide('fast');
    $btnToggle.val('显示');
    }

    $btnToggle.click(function(){
    $divTest.toggle();
    if($divTest.css('display') == 'none'){
    $btnToggle.val('显示');
    }else{
    $btnToggle.val('隐藏');
    }
    addCookie('testState', $divTest.css('display'), 24);
    });
    });

    function addCookie(objName,objValue,objHours){//添加cookie
    var str = objName + "=" + escape(objValue);
    if(objHours > 0){//为0时不设定过期时间，浏览器关闭时cookie自动消失
    var date = new Date();
    var ms = objHours*3600*1000;
    date.setTime(date.getTime() + ms);
    str += "; expires=" + date.toGMTString();
    }
    document.cookie = str;
    }
      
    function getCookie(objName){//获取指定名称的cookie的值
    var arrStr = document.cookie.split("; ");
    for(var i = 0;i < arrStr.length;i ++){
    var temp = arrStr[i].split("=");
    if(temp[0] == objName) return unescape(temp[1]);
    }
    }
      
    function delCookie(name){//为了删除指定名称的cookie，可以将其过期时间设定为一个过去的时间
    var date = new Date();
    date.setTime(date.getTime() - 10000);
    document.cookie = name + "=a; expires=" + date.toGMTString();
    }
    </script>
    </head><body>
    <input id="toggle" type="button" />
    <div id="test" style="border:1px solid red; width:200px; height:200px;">我要回家了</div>
    </body>
    </html>
      

  6.   

    感谢inetfuture的解答，我看到效果了，太谢谢了...