jQuery .append() 함수가 DIV에 삽입하지 않습니다.

왜 drawUploader()에 html을 붙이면 divdrawUploader에?!jQuery .append() 함수가 DIV에 삽입하지 않습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Ajax File Upload</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

function drawUploader() 
{ 

    $("#drawUploader").append("<div id=\"upload_wrapper\">"+ 
          "<form id=\"upload\" name=\"upload\" enctype=\"multipart/form-data' method='post' action='index.php' target='upload_target'>"+ 
          "<input name='uploaded_file' type='file' size='30' id='uploaded_file' />"+ 
          "<input id='sent' name='sent' type='submit' value='Upload' />"+ 
          "</form>"+ 
          "</div>"+ 
          "<div id='loading' style='background:url(ajax-loader.gif) no-repeat left; height:50px; width:370px; display:none;'>"+ 
          "<p style='margin-left:40px; padding-top:15px;'>Uploading File... Please wait</p>"+ 
          "</div>"+ 
          "<div id='image_wrapper' style='display:none;'><img id='preview' src='' /></div>" 
          ); 
}  
</script> 
</head> 

<body> 
<input type="button" onclick="drawUploader()" value="start uplaod" /> 
<div id="drawUploader"></div> 
<iframe id="upload_target" name="upload_target" src="" style="width:10px; height:10px; display:none"></iframe> 
</body> 
</html>

출처

2011-09-20 Adham

그 대신에 무엇입니까? –

nothing : D !!!!! – Adham

여기 템플릿 패턴으로 이동하는 것이 좋습니다. 그런 다음'$ ('# myTemplate') .clone()'을 호출하여 HTML의 새 인스턴스를 만들고 삽입하십시오. – Tejs

양식 속성에 불일치가 있습니다.

function drawUploader() { 
    $("#drawUploader").append("<div id=\"upload_wrapper\">" + "<form id=\"upload\" name=\"upload\" enctype='multipart/form-data' method='post' action='index.php' target='upload_target'>" + "<input name='uploaded_file' type='file' size='30' id='uploaded_file' />" + "<input id='sent' name='sent' type='submit' value='Upload' />" + "</form>" + "</div>" + "<div id='loading' style='background:url(ajax-loader.gif) no-repeat left; height:50px; width:370px; display:none;'>" + "<p style='margin-left:40px; padding-top:15px;'>Uploading File... Please wait</p>" + "</div>" + "<div id='image_wrapper' style='display:none;'><img id='preview' src='' /></div>"); 
}

오류가 PHP 버전에 있던

출처

2011-09-20 21:28:08

귀하의 <form> 요소가 잘못되었습니다 속성이 시도. Chrome에서 dev 도구를 사용하는 경우 <div> upload_wrapper가 추가되었지만 나머지는 삭제되지 않았을 것입니다.

\"을 모두 '으로 변경하면 정상적으로 작동합니다.

출처

2011-09-20 21:28:15 samjudson

jQuery .append() 함수가 DIV에 삽입하지 않습니다.

답변

관련 문제