1

我非常熟悉在将 jQuery Dialog div 设置为可见后将其附加到表单元素的技巧。我已经在 .NET 中完成了一百次左右，而且效果很好！但是，我正在尝试在 Coldfusion 网站上执行此操作，这对我来说是第一次，但它没有按应有的方式工作（即 - 它没有被附加到表单元素）。我已经通过 Firebug 验证了这一点，所以我可以看到 jQuery Dialog div 在表单元素之外。

这是我的 jQuery 代码：

if ($) {
  $(document).on("click", '#btnUpload', function ($e) {

    // Show the jquery dialog plugin
    var dlg = $('#divUpload').dialog({ modal: true, title: 'Photo/Image Upload', draggable: true, width: 700 });

    dlg.parent.appendTo($("form:first"));

    $e.preventDefault();
  });
}

这是我的 HTML/Coldfusion：

<form id="wtf" action="<cfoutput>#cgi.script_name#</cfoutput>" enctype="multipart/form-data" method="post">
    <br />
    <input type="button" id="btnUpload" name="btnUpload" value="Upload Image" />

    <div id="divUpload" style="display: none;">
        <br />
        File to upload:  
        <br />
        <input type="file" name="fileName" size="50" />
        <br /><br />

        <input type="submit" name="UploadFile" value="Upload" />    
    </div>

</form>

编辑： 我也试过

dlg.parent.appendTo($('#wtf'));

但无济于事。请注意，该表单的 ID 属性为“wtf”。是的，'wtf'目前纯粹是出于沮丧！

4

1 回答 1

3

你错过了closing quote选择器的。

改变

 dlg.parent.appendTo($("form:first));

到

 dlg.parent().appendTo($("form:first"));

作为 dlg 的父级，将是您要附加到的表单。您可能需要重新考虑是否需要附加 dlg 的父级。

 dlg.appendTo($("form:first"));
于 2013-01-30T18:03:56.993 回答