请问有没有办法刷新一个DIV，而不是刷新整个页面。

2013-06-01 04:31:12 +08:00
 meteor2013
有个div1, 包含了多个div，用户可以对里面的这些div进行操作，比如移动，改变颜色。
目前希望有个刷新按钮回到最初的状态。（只刷新div1,而不是刷新整个页面。）

用Jquery 试了一下，$("#div1").hide().fadeIn('fast');
但没有成功刷新，请问大家有什么办法没有？

谢谢
26346 次点击
所在节点    JavaScript
14 条回复
msg7086
2013-06-01 04:33:02 +08:00
hide+fadein哪里刷新了……

要reset一个div，需要把div的原始状态保存下来。document.ready的时候把div.html()存下来，reset的时候写回去。
meteor2013
2013-06-01 04:41:13 +08:00
@msg7086 你的意思是：
var divClone = $("#div1").clone();

然后
$("#div1_div").replaceWith(divClone);

这样的话。因为div1包含的div太多了，资源会不会。。。。。？
bitsmix
2013-06-01 04:53:16 +08:00
html()
msg7086
2013-06-01 04:56:54 +08:00
html()
raincious
2013-06-01 06:57:44 +08:00
我能瞎指挥么？

我的想法类似这样：

改之前先

div.shadow = doc.getElementByXX(XXX); // Backup

回写：

if (div.shadow) {

for(var p in div.shadow) {

oldElement[p] = div.shadow[p];

}

}
hongyz
2013-06-01 07:43:00 +08:00
html()
要么从服务器请求div1片段
crazybubble
2013-06-01 07:49:47 +08:00
可以试试把div1里的div的那些初始状态记录下来，比如存在一个object里，然后点击刷新回到最初状态的时候，就把这些div的属性设置回初始状态。
breeswish
2013-06-01 08:38:26 +08:00
要么用clone() 要么只保存HTML(如果没有listener的话)

其实这样的内存占用也不会多多少吧 :) 因为你的clone是在最初状态下clone的
meteor2013
2013-06-01 09:13:00 +08:00
@breeswish
1. 有listener
2. div1 里面的div大概有700多个。
likexian
2013-06-01 09:16:42 +08:00
backbone，你需要它
breeswish
2013-06-01 09:21:04 +08:00
@meteor2013 那就……要么clone要么从服务器拉取HTNL重新绑定
dimfox
2013-06-01 11:17:39 +08:00
pjax
https://github.com/defunkt/jquery-pjax
Jessepinkman
2013-06-01 12:37:42 +08:00
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
function showTime(){
var tDate = new Date();
var tseconds = tDate.getSeconds();
if (tseconds < 10)
tseconds = '0' + tseconds;
var timeStr = '当前时间是' + tDate.getHours() + ':' + tDate.getMinutes() + ':' + tseconds;
document.getElementById('time').innerHTML = timeStr;
setTimeout(showTime, 1000);
}

</script>
</head>
<body onload="showTime()">
<div id="content">
<div id="time">刷新</div>
</div>
</body>
</html>
ipconfiger
2013-06-01 12:43:06 +08:00
一开始的时候
var origin_str = $("#div1").html();
这样存的只是html的字符串，不是dom对象。能有多大开销呢，即使是一个1M的字符串。相对你的内存来也是小case
恢复的时候
$("#div1").html(origin_str);
就搞定了，重建dom结构和重新渲染这个区域差不多，从服务端获取也不过如此

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/70836

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX