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

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

我设法按预期的方式设置了按钮的样式,但是我遇到了两个问题
现在:

a)一旦选择了多个文件,文件列表将与以下内容重叠。

b)我无法给“ MultiFile-wrap”溢出:没有
隐藏文件列表。

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

尝试以某种方式将“ MultiFile-list”移出其父级
(MultiFile-wrap)在DOM中。 (也许使用jQuery)

要么

使用jQuery计算列表中当前有多少项,并在下面的内容中添加边距。

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

最佳答案

因此,我选择了第一个选项,因为这似乎是一种更清洁的方法,它使我可以使用“ MultiFile-wrap”溢出:隐藏。

我花了一点时间才知道“ MultiFile-list”是动态创建的,因此我不得不将该函数绑定到click事件。

诀窍如下:

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

10-07 20:27