자바 변수를 숨겨진 입력 값으로 가져 오는 중 문제가 발생했습니다.

Question

div (jquery UI)를 드래그하여 크기를 조정 한 다음 위치 및 크기를 CSS 파일에 저장할 수있는 시스템을 만들려고합니다.

이미 하나의 div에서 작동하는 시스템을 얻었지만 이제는 여러 div를 지원하도록 시스템을 업데이트하려고 시도했지만 문제가 발생했습니다.

출처 : http://ezmundorf.110mb.com/problem.txt (보기 싫지만 나는 물건의 작동 방식을 거의 모르고있다.)

#update div를 클릭하면 페이지가 비어 있고 페이지의 소스는 양식 시작 태그 일뿐입니다. 파이어 폭스가 로딩 그래픽을 표시하고 있기 때문에이 페이지는 무언가를하려고합니다.

내가 숨겨진 입력 필드를 작성하는 줄을 제거하면 저장 버튼이 표시되지만 아직 브라우저에서 무언가를 계속하고 있기 때문에 자바 스크립트에 문제가있는 것 같습니다.

여기에 "이 코드 수정"질문을 게시하여 죄송합니다. 그러나 전체 코드없이 설명하는 방법을 모르며 어디서나 답변을 찾을 수 없습니다.

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.write를 사용할 수 없습니다 (예 : $(document).ready 등의 이벤트 핸들러에서). 대신 jQuery 메서드 .html(val)을 사용하여 기존 요소의 내용을 변경하거나 다른 요소 인 jQuery manipulation 메서드를 사용하여 DOM에 새 요소를 삽입 할 수 있습니다.