0

カスタム CMS でドラッグ アンド ドロップ ナビゲーション クリエーター メニューを作成しようとしています。このイベントのコールバック関数を作成したいと思います。

  1. div には 3 つのリンクがあります#links(ちょうど<li><a href="#">Link</a></li>)
  2. div という div があり#dropzoneます。

次のようなコールバック関数が必要です。

$.("#dropzone").onDrop(function() { alert "Callback"; });

HTML5 (ドロップに関する新しい機能が存在する場合) と jQuery を使用してこれを行うにはどうすればよいですか? コールバックを取得したら、残りは自分で行うことができます。

4

2 に答える 2

2

私はこれを自分のプロジェクトで動作させました。私にとって重要なのは、イベント ハンドラー#dropzoneを使用して、ドロップ イベントを受け入れるようにブラウザーに指示することでした。dragover

$("#dropzone").on("dragenter", function () {
    $(this).addClass("drop-allowed");
});
$("#dropzone").on("dragleave", function () {
    $(this).removeClass("drop-allowed");
});
$("#dropzone").on("dragover", function (e) {
    e.stopPropagation();
    e.preventDefault();
    return true;
});
$("#dropzone").on("drop", function (e) {
    e.stopPropagation();
    e.preventDefault();
    // Handle drop event here.
});
于 2015-09-02T15:17:10.913 に答える
1

jQuery UI が提供するドラッグ可能な機能を使用できます。要素のドラッグが停止したときに発生する停止イベントがあります。詳細については、次のリンク [http://jqueryui.com/demos/draggable/][1] を参照してください。利用可能なイベントについては、events タグを参照してください。

于 2012-09-11T06:35:07.273 に答える