Jquery UI拖拽选择项目是一个可拖拽的
Jquery UI draggable select item to be a draggable
我有以下html代码:
<div id="match_task_elements_31" class="match_task_draggables ui-draggable">
<span class="match_task_draggable" id="match_task_draggable_17">Dach</span>
<span class="match_task_draggable" id="match_task_draggable_16">Tschüss</span>
</div>
现在我想让每个span都是可拖放的对象可以拖放
我试过这个JS代码:
$(".match_task_draggables").draggable({handle : '.match_task_draggable'});
但是整个div和类match_task_draggables是一个块我可以拖放
怎么了?
尝试以下操作。它允许拖放span
$(function() {
$(".match_task_draggable").draggable();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<div id="match_task_elements_31" class="match_task_draggables ui-draggable">
<span class="match_task_draggable" id="match_task_draggable_17">Dach</span>
<span class="match_task_draggable" id="match_task_draggable_16">Tschüss</span>
</div>
相关文章:
- jquery UI draggable:UI.children不是一个函数
- 在Angular ui路由器中,如何将事件从一个视图发送到另一个视图
- Angular UI网格:如何通过第一个UI网格中的按钮使第二个UI网格可见
- 将jquery ui窗口的父元素设置为另一个元素
- 链接问题:下一个字符包含在<a>TinyMce ui TinyMce中的标签
- Onsen UI在点击时显示一个日期选择器
- jQuery UI 选项卡取消选择事件或在选择时保存上一个选项卡
- jQuery UI Slider ui.value 获取最后一个数字
- jQuery UI 选项卡 - 将参数设置为下一个/上一个按钮单击
- 另一个 UI 视图中的角度 UI 视图
- 如何将剑道UI窗口与页面上的另一个元素对齐
- 一个ui sref链接工作,其余的不工作;t
- 如何在javascript中实现异步编程(promise)?是't javascript是一个ui线程环境
- 当网站第一次加载时加载一个ui-router状态
- 从另一个ui-grid中选定行的属性绑定ui-grid (AngularJS)
- 是否有一个UI框架来模拟Mac应用程序的外观
- 通过bootstrap-tour使用Backbone js传递一个ui对象
- Angularjs命名的ui-views只更新一个ui-view
- ng-enter未在ui视图上触发,ui视图是页面刷新时另一个ui视图的子视图
- 如何在关闭第一个UI时打开第二个UI日期选择器