ブートストラップのドロップダウンをドラッグ可能にする方法は？

Question

は、ここで私は、コード

$('.dropdown').draggable(); 

でjQueryのUIを介してその上にドラッグ可能な実装しようしかしとき、彼らは私が唯一のドロップダウンメニューが表示された場合にのみ、それをドラッグすることができず、私のブートストラップドロップダウン

<div class="dropdown"> 
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 
     Dropdown 
     <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li role="separator" class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
    </ul> 
</div> 

です隠されている。また、ボタンをドラッグすることはできませんが、ドロップダウンリストの<ui>でのみドラッグできます。

問題を解決する方法を教えてもらえますか？

Answer 1

これは動作します。ボタンをクリックしないようにする必要があります。

$(document).ready(function() { 
     $(".dropdown").draggable({ 
      cancel: false, 
     }); 
});