意见什么是避免重叠内容的更好解决方案（多上传）

Question

我使用Ninja Forms插件在Wordpress网站上构建表单。我需要设置文件上传按钮的样式。最好的解决方案 （跨浏览器兼容），我发现是本教程：

http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/

我设法按预期设置了按钮，但是我遇到了两个问题 现在：

a）一旦选择了多个文件，文件列表现在与以下内容重叠。

b）我无法给出'MultiFile-wrap'溢出：隐藏而没有 隐藏文件列表。

我正在考虑使用以下两种解决方案之一：

不知何故试图将'MultiFile-list'移出其父级 DOM中的（MultiFile-wrap）。 （也许使用jQuery）

或

使用jQuery计算列表中当前有多少项目，并相应地在下面添加一个保证金。

我不确定哪种方法更好。我倾向于使用第二种方法......

Answer 1

所以，我选择了第一个选项，因为它似乎是更干净的方法，它允许我给'MultiFile-wrap'溢出：隐藏。

我花了一点时间才明白'MultiFile-list'是动态创建的，所以我不得不将该函数绑定到click事件。

这就是诀窍：

$(document).on('click', '.upload-wrap .MultiFile-wrap', function () {
  $('.upload-wrap .MultiFile-wrap .MultiFile-list').insertBefore('.nf-desc');
});