JQuery 대화 상자 안에 ASP.NET HTML 요소 (파일 업로드)를 배치하고 있습니다.ASP.NET 요소를 JQuery 대화 상자에 동적으로 추가하십시오.
내 문제 : 버튼을 클릭하여 파일을 업로드해도 아무런 변화가 없습니다. 페이지가로드 된 후 동적으로 쿼리 대화 상자를 만듭니다. 내 솔루션은 페이지 & 페이지의 본문 맨 아래에있는 div에 HTML/ASP 요소 (파일 업로드 용)를 배치하여 표시를 none으로 설정하는 것입니다.
그런 다음 대화 상자를 열면 HTML/ASP 요소가 JQuery 대화 상자로 이동합니다. 그러나 내 문제는 대화 상자 내에서 파일을 업로드 할 ASP.NET 단추를 클릭하면 아무 일도 발생하지 않는다는 것입니다.
참고 JQuery 대화 상자 바깥쪽에있는 버튼을 클릭하면 파일이 성공적으로 업로드됩니다.
무엇이 잘못 되었나요? & 어떻게 수정합니까? 페이지가로드 된 후 ASP.NET 코드를 JQuery 대화 상자에 추가하는 더 쉬운 방법이 있습니까?
이 몸에 앉아
<div id="test">
<input class="ui-button ui-widget ui-state-default ui-corner-all
ui-button-text-only"
style="display: inline-block;" id="fileUpload" type="file" Runat="server"
NAME="fileUpload"/>
<asp:button id="btnSave" OnClick="bt1Clicked" style="display: inline;"
class="ui-button ui-widget ui-state-default ui-corner-all
ui-button-text-only"
runat="server" Text="Upload File" ></asp:button>
<asp:label id="lblMessage" runat="server" style="height:20px;width:390px;"
</asp:label>
</div>
그런 대화에 열려 나는 위의 HTML 대화로 이동 & 잡아 :
$(this.dialog).dialog('open' function()
{
var e = $("#test");
$(body).remove(e);
$(this).append(e);
});
은 JQuery와 대화 상자가 나타 마십시오하지만 파일 업로드가 발생하지 않습니다? 브라우저에 오류가 있습니까? – gideon
remove는 객체가 아닌 선택자를 사용합니다. 당신은'e.remove();를 수행 한 다음 추가 할 수 있습니다. http://api.jquery.com/remove/ 자주 묻는 질문과 답변 : http://stackoverflow.com/a/768163/701062 –