jQueryドラッグアンドドロップ

Question

ドラッグ可能なJQueryを使用しています。テーブルがdivにある場合、このdivをテーブルと一緒に移動できます。 divに入力ボタンがある場合、それは動かない。どうして？

$(".multidraggable").draggable(); 

doesntの仕事：

<div class="multidraggable" style="display: inline-block;"> 
    <input type="button" value="Отчет за &#10; контрактные сутки &#10; без ТГК &rdquo;УрГРЭС&rdquo;" id="button1" style="font-family:arial; width: 200px; height: 80px;max-height:80px;max-width:200px; font-size:15" /> 
</div> 

作品：

<div class="multidraggable" style="display: inline-block;"> 
     <table id="maintable" frame="box" border="1" style="height: 565px" cellspacing="0" cellpadding="1"> 
      <thead> 
       <tr style="background-color:#ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png);"> 
        <th> 
... 
</div> 

Answer 1

これは、私はドラッグ可能なものを作るために使用するものである多分それはあなたを助ける...

// make items draggable... 
    $("#CmsDynamicToolbarItems").find("ul li") 
     .draggable({ containment: "#CanvasAreaCoverPage",  
      snap: true,  
      scroll: false,  
      helper: "clone",  
      revert: "invalid",  
      opacity: 1.0,  
      cursor: "move"  
     });  

さまざまな理由が考えられますが、cその要素を含む項目を書くことは助けになるかもしれませんが、実際には必要ありません。最初にhtml要素のidを選択してからdraggableを追加し、次にdraggableのクラスを使用し始めます。

Answer 2

たソリューション：

キャンセルオプションオーバーライドし、あなたの入力がドラッグ可能にするには：言うことは不可能である任意のコードを見ることなく

$("#myinput").draggable({ cancel: null });