2012-11-29 4 views
11

アイブ氏はこれを行うには何をしようとしたが、常に同じエラーにjqueryのは有効と

$(".tooltip").draggable('disable'); 

エラーを取得する無効:以前の初期化にドラッグ可能でメソッドを呼び出すことはできませんが。メソッド 'disable'を呼び出そうとしました

初期化する前に?だから私は実際にその周りにドラッグされる前に、オプションを削除することはできません? Iveはdroppableでも試してみましたが、このエラーが表示されずに無効にすることはできません。

編集: 私はドラッグ可能なクラスではない要素を持っていることが分かりました(エラーを見ると意味があります)。今、私はちょうどそれがエラーをスローせずに、すべてのdraggablesを無効にするような方法を見つけなければならない:)

+0

を.com/draggable /#option-cancel – ant

+0

このようにdisableを呼び出さなければならない$( "#draggable")。draggable({disabled:true}); http:// jsfiddle。net/3Lrg2/23/ –

答えて

24

はこれを試してみてください。ドラッグを許可する場合は、後で

$(".tooltip").draggable("enable"); 

を使用できます。

+0

ah thx - help :) –

+1

$( "。tooltip")。draggable({disabled:false}); //再び有効にします。 – Reid

+0

@Reid私はそうは思わない。 jQuery UIウィジェットは、初期化時にのみオプションを使用します。既存のウィジェットを変更するには、メソッドを使用します。 – Barmar

2

は、ドキュメントhttp://api.jqueryui.com/draggable/

とここでは例を見てみましょう:

http://jqueryui.com/draggable/ 

は「あなたを持っていますjquery-ui.jsライブラリが含まれていますか?

このフィーリングを試してみてください! http://jsfiddle.net/3Lrg2/23/

+0

これはコメントだったはずです – ant

-1

.unbind( 'ondrag')を使用してエレメントからイベントを削除してみてください。

申し訳ありません申し訳ありません$( "ツールチップ")にする必要があります。unbind( 'draggable')100%イベント名ではありません。

$(".tooltip").draggable({ disabled: true }); 

これは無効な状態でドラッグを初期化します

5

私はこのjsfiddleであなたのシナリオを再作成することができました:

http://jsfiddle.net/dboots/NDZKY/

これは

$('.draggable').draggable('disable'); 

$('.draggable').draggable('enable'); 

を使用している別の何かは、あなたがしていることにあります同じことをすることができませんか?同じ構文をしているように見えます。

0

使用1つのボタンするには、以下の無効

$("#container").draggable({disabled:false}); 
$("#container").draggable({disabled:true}); 

簡単な例を有効://api.jqueryui:あなたはHTTPを見てみることをお勧めします

<div id = "container"></div> 
<button id = "control"></button> 
<script> 
    $(document).ready(function() 
    { 
     $("#control").click(function() 
      { 
      if($("#control").hasClass("active") 
       { 
       $("container").draggable({disabled:true}); 
       $("control").removeAttr("class","active"); 
       } 
      else 
       { 
       $("container").draggable({disabled:false}); 
       $("control").attr("class","active"); 
       } 
      }); 
    }); 
</script> 
関連する問題