意見重複するコンテンツを避けるためのよりよい解決策（マルチアップロード）

Question

Ninja Formsプラグインを使用してWordpressサイトにフォームを作成します。私はファイルのアップロードボタンをスタイルする必要がありました。しかし、私は今、二つの問題 直面しています、

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

は、私が意図したとおりにボタンのスタイルを設定するために管理：：私が見つけた最善の解決策 （互換性のあるクロスブラウザ）は、このチュートリアルだった

を）複数のファイルが選択されると、ファイルリストは次のコンテンツと重なり合うようになりました。

b）私は 'MultiFile-wrap'オーバーフローを与えることができません： ファイルリストを隠すことなく隠されています。

私は2つの次のソリューションのいずれかを使用してと思っています：どういうわけか

DOM内の親 （マルチファイル・ラップ）のうち、「マルチファイルリスト」を移動してみてください。リストに入っているし、それに応じて以下のContantをにマージンを追加するどのように多くの項目カウントするのjQueryを使用し

または

を（おそらく、jQueryのを使用して）。

どのアプローチが優れているかわかりません。私は2番目のアプローチを使用する傾向があります...

Answer 1

私は、よりクリーンなアプローチであると思われたので、私は 'MultiFile-wrap'オーバーフローを与えました：hidden。

「MultiFile-list」は動的に作成されるため、この機能をクリックイベントにバインドする必要があることを理解するのに少し時間がかかりました。ここで

は、トリックをやったことだ：

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