0

.draggablejquery ui でメソッドを呼び出すだけで、要素にドラッグ可能な要素を実装できることはわかっていました。これは、ソート可能への接続を含む例です。

$(".draggable").draggable({
            helper : function(){
                   //return something dom.},
            cursor : 'move',
            connectToSortable : '.sortableLayoutSection'});

$(".sortableLayoutSection").sortable({
            appendTo : parent,
            containment : "parent",
            cursor : "pointer",
            placeholder : 'li-placeholder',
            forcePlaceholderSize : false
        });

しかし、私の質問は、ドラッグ可能なアイテムが指定されたコンテナーに実際にドロップされることをどのように知ることができるかです (この例では、という名前のクラスを持つ要素.sortableLayoutSectionです)。ありがとう。

更新しました

$(".sortableLayoutSection").sortable({
                appendTo : parent,
                containment : "parent",
                cursor : "pointer",
                placeholder : 'li-placeholder',
                forcePlaceholderSize : false,
                receive: function( event, ui ) {alert('ok.got something.')}
            });
4

2 に答える 2

1

まず、ソート可能な要素をドロップ可能な要素として初期化する必要がありますが、これを参照してください: http://api.jqueryui.com/droppable/#event-drop . ドロップイベントがあり、ドラッグ要素がドロップ可能にドラッグされていることを意味します。そのため、関数を記述して、何をしたいのかを判断できます。

于 2013-03-05T06:09:10.170 に答える
0

答えはここにあります。テストした後、問題が解決しました。指定されたコンテナにドロップするだけで、という名前のイベントがトリガーされreceiveます。更新されたコンテンツを確認してください。ありがとうございます。

于 2013-03-05T06:28:17.250 に答える