2011-07-25 3 views

答えて

0

は少しハック感じますが、可能な解決策は、次のようになります。

$("#draggable").draggable({ revert: function(){if($('#droppable').hasClass('logRevert') == true){ 
      $('#droppable').removeClass('logRevert'); return false; 
    } 
else{ 
/*Your Code here*/ 
return true; 
} 
}); 

元に戻す機能を受け入れるため、ドラッグが受け入れられない場合、我々は唯一の理由を問わず、trueを返します。

この作業を行うには、受け入れ可能なドラッグがドロップ可能の上にある場合に、.logRevertクラスを追加する必要があります。それが落ちて復帰しないと、ヘルパークラスの.logRevertが削除されます。 jQuery draggable revert based on condition

:あなたは今、常に上のニックCraverの答え由来の戻り

$("#droppable").droppable({ 
    accept: '#draggable', 
    over: function(event, ui){$(this).addClass('logRevert');}, 
    drop: function(event, ui) { 
     $(this).addClass('ui-state-highlight').find('p').html('Dropped!'); 
    } 
}); 

にコードを追加することができます

関連する問題