ID가 모달로 배치되어있을 때 ID가 인식되지 않습니다.

Question

DIV (숨김)에 내용이 들어있는 등록 양식을 만든 다음 사용자가 단추를 클릭하면 모달이 표시되고 DIV의 ID를 통해 내용이로드됩니다 .

그러나 DIV의 버튼이 내 스크립트에서 인식되지 않는 문제가 발생했습니다. jquery를 사용하여 click 이벤트를 할당했지만 작동하지 않습니다. 아마도 숨겨진 DIV가 모달에서 DIV 작성과 충돌하기 때문입니다 (결국 동일한 ID를 갖게됩니다).

$('#addCollege').click(function(e){ 
    modal.open({content: $('#addCollegeForm').html()}); 
    e.preventDefault();` 
}); 

이것은 DIV

<div id="addCollegeForm" style="display:none"> 
    <label>College:</label><br> 
    <input type="text" placeholder = "Enter college name here..." id = "collegeDescription" > <br> 
    <input type="button" value="Save" id= "addCollege"> 
</div> 

감사하고 나는 당신의 도움을 주셔서 감사합니다 :

여기 내 스크립트입니다. 대화 상자에서 당신의 대화 상자를 표시하는 버튼을 이동

Answer 1

부트 스트랩을위한 대화 상자 플러그인을 작성했고 비슷한 문제가 발생했습니다.
기존 DOM 요소를 팝업하고 싶습니다.

$targetElement.detach().appendTo($window.find('.modal-body')) // $targetElement is an existing dom 

분리 요소 및 용기에 추가 : 여기

용액이다.

요소를 이전 컨테이너로 되 돌리는 것을 잊지 마십시오.
희망이 있습니다.

감사합니다.

Answer 2

시도 :

편집 - 작동합니다 같은 것을 ...

HTML ...

<div id="addCollegeForm">things in your dialog</div> 
<input type="button" value="open dialog" id="addCollege"> 

JQuery와 ...

$("#addCollegeForm").dialog({ 
    autoOpen: false 
}); 


$('#addCollege').click(function() { 
    $("#addCollegeForm").dialog("open"); 
}); 

http://jsfiddle.net/DTq6m/

http://api.jqueryui.com/dialog/#option-autoOpen