5

私は周りを検索しましたが、この問題の解決策を見つけることができませんでした。

jqueryUIを並べ替え可能とドラッグ可能に統合しようとしていますが、機能しないようです。

ここに非常に基本的なデモがあります。SOで見つけた他のすべての例はかなり複雑だったので、可能な限りシンプルな実装に縮小しようとしました。

http://jsfiddle.net/e4Z8N/7/

この基本的な例が機能しない理由を誰かが知っていますか？

編集：全体を混乱させるのはCSSクラスであることがわかりました。CSSクラスを削除すると、正常に機能します。CSSクラスなしの作業バージョンhttp://jsfiddle.net/e4Z8N/17/なぜこのように動作するのか誰か知っていますか？

4

1 に答える 1

13

許容値をより適切な値に変更します。デフォルトはintersectです。

  • フィット：ドラッグ可能はドロップ可能と完全にオーバーラップします
  • 交差：ドラッグ可能はドロップ可能と少なくとも50％オーバーラップします
  • ポインタ：マウスポインタがドロップ可能なものと重なっています
  • タッチ：ドラッグ可能はドロップ可能と任意の量でオーバーラップします

「タッチ」は機能しているようです。あなたは他のものを試すことができます。

$(function () {
    $('#trash_bin').droppable({
        tolerance: 'touch',
        drop : function() {
            alert('delete!')
        }
    });
    $('#trash').sortable()
});
于 2011-07-23T04:13:28.113 に答える