Javascript隐藏输入值的问题

Question

我试图创建一个系统，您可以拖动和调整div（jquery ui），然后将位置和大小保存到一个css文件。

我已经得到了一个div的系统工作，但现在我试图更新系统来支持多个div，我遇到了一个问题。

来源：http://ezmundorf.110mb.com/problem.txt（这很丑陋，但我几乎只是尝试东西的工作原理）。

当我点击#update div时，页面变为空白，并且页面的源仅仅是开始标记的形式。由于firefox正在显示加载图形，该页面正在尝试执行某些操作。

如果我删除写入隐藏输入字段的行，我会看到保存按钮，但仍然存在javascript的错误，因为浏览器只是继续执行某些操作。

对不起，在这里发布这样一个“修复此代码”的问题，但我不知道如何解释它没有整个代码，我找不到任何答案。

Answer 1

页面加载完成后不能使用document.write，而不会覆盖整个页面，如您所见。

你应该对一些容器使用.innerHTML，例如：

$('myDiv').innerHTML = '<form>...</form>'; 

或使用DOM方法：

var form = document.createElement('form'); 
var body = document.getElementsByTagName('body')[0]; 

body.appendChild('form'); 

Answer 2

在页面加载完成后（例如，在事件处理程序中，包括$(document).ready），您无法使用document.write。相反，您可以使用jQuery方法.html(val)更改现有元素的内容，或使用其他jQuery manipulation方法将新元素插入到DOM中。