1

ページから戻った後にドロップ領域要素が非表示にならないことを除いて、すべてがうまく機能しています。

たとえば、ページに何かをドラッグすると、ドロップ エリア要素が表示されますが、ドロップしないことにすると、非表示ではなく表示されたままになります。サイトのデモのように見えますが、再び非表示にする必要があります。

私はこのページを勉強しています: http://docs.fineuploader.com/branch/master/integrating/options/fineuploader.html#draganddrop-option-properties

ブラウザ ウィンドウにドロップしようとしているファイルがなくなった場合のコールバックはないようです。私のコードは例のように見えますが、独自の要素 ID とクラス名があり、どちらも機能します。

何か案は？

更新- ここにいくつかのコードがあります:

<div id="file-upload-well" class="well text-center">
    <div id="file-upload-drop-area" style="display:none;">Drop files here</div>
    <a href="#" class="btn">Upload Files</a>
</div>

DND js は次のとおりです。

var dragAndDropModule = new qq.DragAndDrop({
dropZoneElements: [document.getElementById('file-upload-drop-area')],
classes: {
    dropActive: "dropActive"
},
callbacks: {
    processingDroppedFiles: function () {
        $('#file-upload-drop-area').hide();
    },
    processingDroppedFilesComplete: function(files) {
        uploader.addFiles(files); 
    }
}
});
4

1 に答える 1

1

問題は、デフォルトでにhideDropZonesBeforeEnter設定さfalseれており、true に設定する必要があるという設定でした。

変数名とヘルプ ドキュメントの両方から、ファイルがドロップ ゾーンの真上にある場合にのみドロップ ゾーンが表示されるように見えますが、ファイルが準拠ブラウザ上にある場合はドロップダウンが非表示になり、表示されます。

于 2013-07-19T19:06:22.053 に答える