jquery draggable nicescrollプラグインオーバーフローの問題

StackOverflow https://stackoverflow.com/questions/19847290

質問

こんにちは、別のDivにドロップする必要があるドラッグ可能なアイテムのリストがあります。

私はjQueryプラグインNicescrollを使用していますが、Nicescrollの「外側」をドラッグすることはできません。オーバーフローが登場することと関係があると思いますが、機能させることはできません。

ドロップイベントは、ドロップ可能なdivの上にマウスを手放すと発射されます。

私は持っている 

//COMMENT ME OUT TO SEE THAT IT WORKS WHEN niceScroll IS NOT ENABLED
$("#external-sales-orders").niceScroll();

$(".external-event").draggable({
    revert: true

});

$("#droppable").droppable({
    drop: function(){
        alert("Dropped");
    }
});

これをチェックしてください： http://jsfiddle.net/byk4j/2/

ありがとう！

役に立ちましたか？

解決

クローンを作成して、それを追加してみてください body:

$(".external-event").draggable({
    revert: true,
    appendTo: 'body',
    helper: 'clone'
});

フィドル

appendto（）ドキュメントをご覧ください。 jQuery UI API.

Adpendtoは、ドラッグヘルパーをドラッグ中に追加する要素を指定します。デフォルトでは、これは要素の親に設定されます。

アップデート：

素敵なスクロールプラグインと一致して必要な機能を達成する方法を見つけました。要素がドラッグされると、元の要素をに設定します visibility:hidden そのため、スポットはまだ保存されていて、アイテムがドロップされると、 visibility. 。これが次のとおりです フィドルを更新しました.

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top