我有一个包含文件输入的 fancybox 弹出窗口 (input type="file")。在 fancybox 2 之前，当显示 fancybox 时，fancybox 内容保留在 DOM 中的 form 元素内。现在我已经切换到 fancybox 2，情况不再是这样了； fancybox 内容与 DOM 中的位置分离，并重新定位到 form 之外的位置。因此，当提交表单时，文件输入中选择的文件不会随请求一起上传。
我不太清楚先前版本的 fancybox 是否有意支持将 fancybox 内容保留在 DOM 中的位置，或者这只是它的工作方式，而不一定是有意解决问题类型我有。
无论如何，有没有办法确保 fancybox 2 将 fancybox 的内容保留在表单内？
最佳答案
即使您使用 FORM 元素包装
标记的全部内容，也不应信任第三方插件将其内容插入其中的行为。许多插件会在其他所有内容之后插入其必要的内容，类似于(或完全相同)...
$('body').append(...)
显然，在这种情况下，您的表单将不包含任何花哨的内容。
不幸的是，这可能会导致一些奇怪的重新排列，但您应该将整个表单包含在fancybox内容页面本身中。这不仅可以解决问题，而且是一个更安全的解决方案。
关于jquery - fancybox 内的文件输入，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13573971/