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). 대신 jQuery 방법을 사용할 수 있습니다 .html(val) 기존 요소의 내용을 변경하거나 새로운 요소를 다른 요소와 함께 DOM에 삽입하려면 jQuery 조작 행동 양식.