javascript - dropzone.js の機能を拡張するための Jquery

Question

現在、画像アップローダーの実装を試みています。残念ながら、私は JavaScript プログラマーではありませんが、幸運にもhttp://www.dropzonejs.com/を開発した人がいます。このJavaScriptを強化しようとしています。私が実装したいことの 1 つは、画像を再編成する機能です。そのために jquery を使用します。

以下は、画像プレビューを構成するすべての html のサンプルです。

<div class="dz-preview dz-processing dz-image-preview dz-success">
<div class="dz-details">
<div class="dz-filename">
<div class="dz-size" data-dz-size="">
<img data-dz-thumbnail="" alt="2.png" src="">
</div>
<div class="dz-progress">
<div class="dz-success-mark">
<div class="dz-error-mark">
<div class="dz-error-message">
</div>

そのため、写真を再編成できるコードを作成しようとしています。そのために、いくつかのアニメーション メソッドを実装しています。それが完了したら、jquery を使用して新しい場所にカット アンド ペーストします。

画像プレビューがクリックされたときに onclick に使用されるメソッド (現在は何も呼び出されません。

$( document ).ready(function() {
$('.dz-details:image').bind( "click", function(){
console.log('clicked');
    var pos1 = $('#demo-upload').position();
    $(this).animate({ 'top': pos1.top + 'px', 'left': pos1.left + 'px'}, 200, function(){
        //probably find position here and insert div
    });
});
});

div をクリックしてドラッグすると、おそらく .remove() を使用します。以下のようなものを使用して、新しい場所に挿入します。

$(loca).append(div);'

いくつかの方向性が役立つでしょう