Jqueryでドラッグ可能な場合、復帰時にどのように復帰を変更しますか？

Question

私はJquery UIで停止イベントからドラッグされているものの「元に戻す」プロパティをどのように変更したのでしょうか？

$('.things').draggable({ 
     revert: "true", 
     stop: function(event, ui){ 
         //if something then set revert to false 
     } 
    }); 

私はいくつかのことを試しましたが、うまくいかないようです。

乾杯。

Answer 1

stopイベントは、revertオプションの変更が現在のドラッグ操作に影響を与えるには遅すぎます。ドラグ可能なオブジェクトは、たとえ次のドラッグでもそれ以上動作しなくても、元に戻ります。

あなたが代わりにdragイベントにバインドする場合があります

$('.things').draggable({ 
    revert: true, 
    drag: function(event, ui) { 
     if (/* something */) { 
      $(this).draggable("option", "revert", false); 
     } 
    } 
}); 

Answer 2

私はこの質問を頼まれたので、これはしばらくあったが、1.10 jQueryのUIにしてdraggable上には、今の値としての機能をサポートして実現revertです。値がtrueを返した場合は、位置が元に戻されます。

$('.things').draggable({ 
    revert: function() { 
     if(condition_is_met()) { 
      return false; // Don't revert 
     } else { 
      return true; 
     } 
    } 
});