如何使引導下拉可拖動？

Question

這裏是我的自舉下拉

<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> 

我嘗試通過jQuery UI實現的可拖動的代碼

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

但我只能將它拖到只有在下拉菜單中顯示的，而不是當他們被隱藏起來。此外，我不能拖動按鈕，但僅在下拉列表的<ui>上。

有人可以解釋我最新的問題以及如何解決它？

Answer 1

這將工作。你必須防止按鈕點擊。

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