我使用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');
});