jQuery-动态添加字段

我正在尝试实现我在一个网站上发现的一些代码，当你点击href链接时，它复制了一个文件字段，代码与网站上的代码几乎完全相同，但根本不起作用

谁能看一下，告诉我哪里出了问题

完整代码如下：

JavaScript：

<script>
$(
function(){
    var jAddNewUpload = $( "#add-file-upload" );

    jAddNewUpload
        .attr( "href", "javascript:void( 0 )" )
        .click(
            function( objEvent ){
                AddNewUpload();

                objEvent.preventDefault();
                return( false );
            }
        );
}
);

function AddNewUpload(){
    var jFilesContainer = $( "mpfiles" );
    var jUploadTemplate = $( "#element-templates div.row" );
    var jUpload = jUploadTemplate.clone();
    var strNewHTML = jUpload.html();
    var intNewFileCount = (jFilesContainer.find( "div.row" ).length + 1);

    jUpload.attr( "id", ("file" + intNewFileCount) );

    strNewHTML = strNewHTML
        .replace(
            new RegExp( "::FIELD3::", "i" ), ("mpfile[]")
        );

    jUpload.html( strNewHTML );

    jFilesContainer.append( jUpload );
}
</script>

<div id="mpfiles">
    <div class="row">
        <label>Files:</label>
        <div class="files-box">
            <div class="file sub-file">
                <input class="file-input-area" name="mpfile[]" type="file" size="32" value="" />
                <input readonly="readonly" class="text" type="text" value="click to upload" />
                <a href="#" class="button">view</a>
            </div>
        </div>
    </div>
</div>

<div id="element-templates" style="display: none;">
    <div class="row">
        <label>Files:</label>
        <div class="files-box">
            <div class="file sub-file">
                <input class="file-input-area" type="file" name="::FIELD3::" size="32" value="" />
                <input readonly="readonly" class="text" type="text" value="click to upload" />
                <a href="#" class="button">view</a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <label>&nbsp;</label>
    <a href="" id="add-file-upload">Upload another file</a>
</div>

$(
函数（）{
var jAddNewUpload=$（“#添加文件上载”）；
jAddNewUpload
.attr（“href”，“javascript:void（0）”）
.点击(
功能（对象）{
AddNewUpload（）；
proventDefault（）；
返回（假）；
}
);
}
);
函数AddNewUpload（）{
var jfilescanner=$（“mpfiles”）；
var juploaddtemplate=$（“#元素模板div.row”）；
var jUpload=juploadmetplate.clone（）；
var strNewHTML=jUpload.html（）；
var intNewFileCount=（jfilescanner.find（“div.row”）.length+1）；
attr（“id”，“file”+intNewFileCount））；
strNewHTML=strNewHTML
.替换(
新的RegExp（“：：FIELD3:：”，“i”），（“mpfile[]”）
);
html（strNewHTML）；
jfilescanner.append（jUpload）；
}

HTML：

<script>
$(
function(){
    var jAddNewUpload = $( "#add-file-upload" );

    jAddNewUpload
        .attr( "href", "javascript:void( 0 )" )
        .click(
            function( objEvent ){
                AddNewUpload();

                objEvent.preventDefault();
                return( false );
            }
        );
}
);

function AddNewUpload(){
    var jFilesContainer = $( "mpfiles" );
    var jUploadTemplate = $( "#element-templates div.row" );
    var jUpload = jUploadTemplate.clone();
    var strNewHTML = jUpload.html();
    var intNewFileCount = (jFilesContainer.find( "div.row" ).length + 1);

    jUpload.attr( "id", ("file" + intNewFileCount) );

    strNewHTML = strNewHTML
        .replace(
            new RegExp( "::FIELD3::", "i" ), ("mpfile[]")
        );

    jUpload.html( strNewHTML );

    jFilesContainer.append( jUpload );
}
</script>

<div id="mpfiles">
    <div class="row">
        <label>Files:</label>
        <div class="files-box">
            <div class="file sub-file">
                <input class="file-input-area" name="mpfile[]" type="file" size="32" value="" />
                <input readonly="readonly" class="text" type="text" value="click to upload" />
                <a href="#" class="button">view</a>
            </div>
        </div>
    </div>
</div>

<div id="element-templates" style="display: none;">
    <div class="row">
        <label>Files:</label>
        <div class="files-box">
            <div class="file sub-file">
                <input class="file-input-area" type="file" name="::FIELD3::" size="32" value="" />
                <input readonly="readonly" class="text" type="text" value="click to upload" />
                <a href="#" class="button">view</a>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <label>&nbsp;</label>
    <a href="" id="add-file-upload">Upload another file</a>
</div>

文件夹：
文件夹：

我获取代码的网站在这里

在

mpfiles

之前，您需要一个

。。。像这样：

function AddNewUpload(){ var jFilesContainer = $( "#mpfiles" );

---

编辑此文件并记下您已尝试诊断问题的步骤可能会很有用。这将减少人们需要看自己的东西，也表明你不只是把它放在这里让我们来处理，因为你很懒。因为我不能为你做这件事，你可能还想再次检查你的代码前面是否有正确的空格数。makrup语言需要4个空格来决定什么是代码，什么是普通文本。对不起。。。。在MPS文件之前，我错过了IDThanks@Chris啊。。我太慢了。很高兴你弄明白了。嗯，我不确定这是否与此相关，但添加新的文件字段效果很好，但是当我从动态插入的字段中选择一个文件时，它不会显示在小文件文本框中