我使用 JQuery UI Sortable 如下。 HTML:
<ul id="sortable">
<li><div class="drag-handle">drag me</div>Item 1</li>
<li><div class="drag-handle">drag me</div>Item 2</li>
<li><div class="drag-handle">drag me</div>Item 3</li>
<li><div class="drag-handle">drag me</div>Item 4</li>
</ul>
Javascript:
$(function() {
$( "#sortable" ).sortable();
});
CSS:
ul {
list-style: none;
}
ul li {
height: 90px;
width: 300px;
background-color: #eee;
border: 1px solid #aaa;
}
.drag-handle {
background-color: yellow;
width:80px;
height:40px;
}
此时此刻,整个<li>
元素是可拖动的。如何仅使 div.drag-handle 区域可拖动并获得相同的结果(即移动 <li>
元素?
感谢和问候。
最佳答案
关于jquery-ui - JQuery UI Sortable : how to make a small area draggable, 不是整个可排序元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18818012/