0

Java EE アプリケーション用のツールバーを作成しようとしています。このツールバーには、JQuery Sortable リスト (JSP ページの DIV 列) にドラッグできるアイコンが含まれています。私の最終的な目標は、マウス ボタンを離した後に JSP フォームを表示することです。現在の状況では、グラフを含む私の列には、ドラッグ操作が成功した後にアイコンが含まれますが、これは望ましくありません。

私の質問: マウス ボタンを離した直後にアイテムを削除するにはどうすればよいですか?

ドラッグ可能またはソート可能なアクションを使用している理由は、ユーザーが新しいウィジェットをどこに配置したいか (そしてこの位置を保存したいのか) を知りたいからです。

うまくいけば、誰かが私を助けてくれる/例を示すことができます

4

3 に答える 3

2

なぜアイテムを削除したいのかわかりませんが、jQuery API ドキュメントを読むと質問に答えることができます。何か試しましたか？

ドラッグ可能

$("yourSelector").draggable({
     drop : function() {
            $(this).remove(); 
            // Removes this item from the DOM after a succesful drop
      }
});

ドキュメント: http://api.jqueryui.com/draggable/

ソート可能

$("yourSelector").sortable({
     change : function() {
            $(this).remove(); 
            // Removes this item from the DOM after a change in the sort order
      }
});

ドキュメント: http://api.jqueryui.com/sortable/

于 2013-01-09T12:22:49.147 に答える
0

あなたが与えた答えに基づいて、私は解決策を思いつくことができました

$(".sortableList").droppable({
  drop: function(event, ui) {
       if (!ui.draggable.hasClass("widget")) {
           ui.draggable.remove();
       }
 }
});

おそらく最も良い解決策ではないかもしれませんが、うまくいきます。ご協力ありがとうございました：）

于 2013-01-09T13:09:29.343 に答える