我非常熟悉将 jQuery 对话框 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”纯粹是出于此刻的挫败感!
最佳答案
您错过了选择器的结束引号
。
改变
dlg.parent.appendTo($("form:first));
至
dlg.parent().appendTo($("form:first"));
作为 dlg 的父级将是您要附加到的表单。您可能需要重新考虑是否需要附加 dlg 的父级。
dlg.appendTo($("form:first"));
关于jQuery 对话框 - 不会附加到表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14610650/