jquery在事件中操作对象后,按F5刷新页面问 本帖最后由 wylhappy123 于 2011-06-17 20:17:55 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 保存操作状态 在 服务端或者客户端(cookie) 不知道你的需求是什么?要实现你说的效果不难 关键你这个页面是要干什么? 是否需要动态绑定数据? 难道就是固定的这样一个div 一个table? 如果不是,数据从哪里来的? 服务端? 如果是,想删除这种操作就应该更新到服务端,下次刷新的时候重新获取数据,已删除的自然不会再显示…… 把状态保存在session里每次页面刷新的时候,都根据session里保存的状态来决定是否显示该元素 我明白3楼你的意思,就是像删除这样的操作是要连同数据库中的数据一起删掉的,这个例子举得不好...再举个例子,需求中要求某元素开始是显示的,然后点击某个按钮就让它隐藏,然后刷新也不显示,但是用jquery:...click(function(){ ...hide(); }); 按F5就会重新加载页面,然后显示我刚才隐藏的 <!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> 感谢inetfuture的解答,我看到效果了,太谢谢了... 学习怎么用JQuery是不是不需要学Javascript? js 求解window.name共用 浏览器的后退与前进效果(类似csdn的论坛) 关于“是否新窗口打开”控制 的js 请教各位大侠,想实现网站之间传输数据的功能,请赐教! 再次发贴.ie7与javascript兼容性问题 在firevfox里怎么使用onmouseleave属性 showModalDialog 刷新问题 期盼高人给以解答!! 关于文件的奇怪问题(解决了利马给分) 在一个函数内多次调用另外一个函数的问题? JS文件用document.write写一个正常JS的问题 js 往下拉框指定位置插入项
...hide();
});
按F5就会重新加载页面,然后显示我刚才隐藏的
<!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>