-1

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>
4

1 に答える 1

3

スペルミスがありmultiUploaderContainer、multiUploadContainer

var container = $("#multiUploaderContainer");

デモ:フィドル

大幅に簡略化できます

function addNewFileRow() {
    var container = $("#multiUploaderContainer");
    var div = $('<div />');
    var fileInput = $('<input />', {
        type: 'file',
        name: 'attachment'
    }).appendTo(div);
    container.append(div);
}

デモ:フィドル

于 2013-10-24T05:38:31.593 に答える