Aqui está o meu menu suspenso de bootstrap
<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>
Tento implementar draggable nele via jQuery UI com código
$('.dropdown').draggable();
Mas só posso arrastá-lo quando os menus suspensos são exibidos e não quando estão ocultos. Além disso, não posso arrastar o botão, mas apenas na <ui>lista suspensa.
Alguém pode me explicar qual é o problema e como corrigi-lo?
Isso vai funcionar. Você tem que evitar o clique do botão.
$(document).ready(function() {
$( ".dropdown" ).draggable({
cancel: false,
});
});
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras