1

私はjQueryが初めてで、ドロップ可能なAPIを使用しています。

ドロップ可能なアイテムを1つだけ保持できるdivのグループが必要です。ドロップ可能な div のクラスを inv に設定しました。項目を div にドロップすることはできますが、ドロップ関数で一度ドロップを拒否する方法を見つけることができます。

div に既に子があることを検出できるようにしたいのですが、それがドープされた要素を元に戻す場合。

私のコードは現在このようになっています

$( "div.inv" ).droppable(
{
    drop: function( event, ui ) 
    {
        childCount = $(this).children().length;
        if (childCount !=0)
        {
            //revert droppable to initial position
            return;
        }   
          //if there is a child revert and return
         $( this )
            .addClass( "ui-state-highlight" )
            .append($(ui.draggable))
    }
});
4

1 に答える 1

2

アイテムを受け取った後にドロップ可能エリアを無効にするのはどうですか？

次のようなことができます：

$( "div.inv" ).droppable(
{
    drop: function( event, ui )  {
        $(this).droppable('disable');
    }
});
于 2011-02-28T19:14:04.890 に答える