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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 4728 days ago, the information mentioned may be changed or developed.

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

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

谢谢

刷新

div1

有个

14 replies • 1970-01-01 08:00:00 +08:00

msg7086

Jun 1, 2013

hide+fadein哪里刷新了……

要reset一个div，需要把div的原始状态保存下来。document.ready的时候把div.html()存下来，reset的时候写回去。

meteor2013

Jun 1, 2013

@msg7086 你的意思是：
var divClone = $("#div1").clone();

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

这样的话。因为div1包含的div太多了，资源会不会。。。。。？

bitsmix

Jun 1, 2013

html()

msg7086

Jun 1, 2013

html()

raincious

Jun 1, 2013

我能瞎指挥么？

我的想法类似这样：

改之前先

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

回写：

if (div.shadow) {

for(var p in div.shadow) {

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

}

}

hongyz

Jun 1, 2013 via iPhone

html()
要么从服务器请求div1片段

crazybubble

Jun 1, 2013

可以试试把div1里的div的那些初始状态记录下来，比如存在一个object里，然后点击刷新回到最初状态的时候，就把这些div的属性设置回初始状态。

breeswish

Jun 1, 2013 via Android

要么用clone() 要么只保存HTML(如果没有listener的话)

其实这样的内存占用也不会多多少吧 :) 因为你的clone是在最初状态下clone的

meteor2013

Jun 1, 2013

@breeswish
1. 有listener
2. div1 里面的div大概有700多个。

likexian

Jun 1, 2013

backbone，你需要它

breeswish

Jun 1, 2013 via Android

@meteor2013 那就……要么clone要么从服务器拉取HTNL重新绑定

dimfox

Jun 1, 2013

pjax
https://github.com/defunkt/jquery-pjax

Jessepinkman

Jun 1, 2013

<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

Jun 1, 2013

一开始的时候
var origin_str = $("#div1").html();
这样存的只是html的字符串，不是dom对象。能有多大开销呢，即使是一个1M的字符串。相对你的内存来也是小case
恢复的时候
$("#div1").html(origin_str);
就搞定了，重建dom结构和重新渲染这个区域差不多，从服务端获取也不过如此