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中。