HTML 페이지에서 요소를 동적으로 조작하려고하는데 문제가 발생했습니다.
요소를 추가하거나 제거 할 수 있었지만 갑자기 더 이상 사용할 수 없습니다. 내가 여기서 뭔가 잘못하고 있어야합니다
...
JQuery가 html 요소를 동적으로 추가하지 않습니다.
<div id="multiUploaderTop">
<div><input type="button" value="add more files" id="buttonAddFile1"></div>
<div id="multiUploaderContainer">
<div><input type="file" name="attachment"/></div>
</div>
</div>
위의 내가 조작 할 HTML의 작품이다.
아래는 제가 실행하고있는 jquery 스크립트입니다.
내가 뭘 잘못하고 있니?
<script type="text/javascript">
$(document).ready(function(){
alert("doc ready");
initMultiUpload();
});
function initMultiUpload(){
$("#buttonAddFile1").bind("click", function(){
try{
addNewFileRow();
}catch(exception){
alert(exception.message);
}
});
}
function addNewFileRow(){
try{
alert("adding new file row");
var container = $("#multiUploadContainer");
var div = document.createElement("div");
var fileInput = document.createElement("input");
$(fileInput).attr("type", "file");
$(fileInput).attr("name", "attachment");
$(div).append(fileInput);
$(container).append(div);
}catch(ex){
alsert(ex.message);
}
}
</script>
jquery 복제본을 찾으려면 다음을 확인하십시오 .http : //api.jquery.com/clone/ – codebreaker