jquery - fancybox 内的文件输入

Question

我有一个包含文件输入的 fancybox 弹出窗口 (input type="file")。在 fancybox 2 之前，当显示 fancybox 时，fancybox 内容保留在 DOM 中的 form 元素内。现在我已经切换到 fancybox 2，情况不再是这样了； fancybox 内容与 DOM 中的位置分离，并重新定位到 form 之外的位置。因此，当提交表单时，文件输入中选择的文件不会随请求一起上传。

我不太清楚先前版本的 fancybox 是否有意支持将 fancybox 内容保留在 DOM 中的位置，或者这只是它的工作方式，而不一定是有意解决问题类型我有。

无论如何，有没有办法确保 fancybox 2 将 fancybox 的内容保留在表单内？

Answer 1

即使您使用 FORM 元素包装 标记的全部内容，也不应信任第三方插件将其内容插入其中的行为。

许多插件会在其他所有内容之后插入其必要的内容，类似于(或完全相同)...

$('body').append(...)

显然，在这种情况下，您的表单将不包含任何花哨的内容。

不幸的是，这可能会导致一些奇怪的重新排列，但您应该将整个表单包含在fancybox内容页面本身中。这不仅可以解决问题，而且是一个更安全的解决方案。