前提・実現したいこと
DropzoneJSを使い、ドラッグ&ドロップで画像を非同期アップロードできる様にしています。
画像が追加されるたびに、ある要素のクラス名を.hoge1や.hoge2・・・と、現在の画像の枚数をクラス名に反映させたいです。
ちなみに、画像をアップロードすると、.previewの要素が画像と共に追加されていきます。
色々を調べて試しているのですが、画像を追加しても、反映されず・・・どう書いたらいいか分かりません。
どなたか教えていただけませんでしょうか。
よろしくお願いいたします。
該当のソースコード
HTML
1<form action="#"> 2 <div id="preview_area" class="dropzone"></div> 3 <div id="image_drop_area"></div> 4</form>
HTML
1<form action="#"> 2 <div id="preview_area" class="dropzone"> 3 <div class="preview"><img src="" alt=""></div> 4 </div> 5 <div id="image_drop_area"></div> 6</form>
jQuery
1$(function(){ 2 var classLength = $("#preview_area").children('div').length; 3 var newClass = "have-item-" + classLength; 4 $('#image_drop_area').addClass(newClass); 5});
プラグイン/ライブラリは公式配布サイトのURLを質問文に追記ください。(URLにはリンクを張ることができます)
回答2件
あなたの回答
tips
プレビュー