2011-07-14 10 views
2

へのドラッグアンドドロップ:jQueryの - ここに私のjQueryの特定の領域

$(".list").draggable({helper: 'clone', cursor: 'hand'}); 
    $(".drop1").droppable({ 
     accept: '.list', 
     hoverClass: 'dropareahover', 
     drop: function(ev, ui){ 
     var targetId = $(this).attr("id"); 
     var allTargets = $("#" + targetId, ".tble"); 
     $("#" + targetId).each(function() {   
      //here i have to write the conditions.      
      }); 
     } 
});  

iは、特定の領域にコンテンツを配置する必要があります。私はコンテンツの他の領域を配置する場合。それは受け入れられません。

+0

あなたの問題が何であるかについて、より具体的に説明してください... –

答えて

1

これはあなたが探しているものでしょうか? (ドラッグ可能jqueryのための復帰オプション)から

$(".list").draggable({ helper: 'clone', cursor: 'hand', revert: 'invalid'});

:停止をドラッグしたときに元に戻すにはtrueに設定されている場合http://jqueryui.com/demos/draggable/

、要素は、その開始位置 に戻ります。可能な文字列値は 'valid'、 'invalid'です。 が無効に設定されている場合は、ドラブルがドロップ可能にドロップされていない場合にのみリバーティングが行われます。有効な場合、それは逆です。

コード例

指定された元に戻すオプションを持つドラッグ可能を初期化します。

$(".selector").draggable({ revert: true });