Question

我通过以下代码

创建了一个引导程序面板

<div class="panel panel-default">
  <div class="panel-heading clearfix" id="drag">An explorer panel</div>
  <div class="panel-body">I want to be dragabble</div>
</div>

，造型是

#drag {
cursor: move;
}

我尝试使用jquery代码使面板可拖动，如https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_draggable

所示

(".panel").draggable();

但它不起作用并返回“类型错误：没有这样的函数.draggable（）” 那么还有其他替代方法可以提前使用bootstrap来创建可拖动的面板吗

Answer 1

我建议您使用JquerUI中的可排序或可拖动

<强> https://jqueryui.com/draggable/

<强> https://jqueryui.com/sortable/

易于使用和许多功能。例如关于拖拽和拖放后等

<强> https://api.jqueryui.com/sortable/

Bootstrap可拖动面板

1 个答案: