javascript – 带按钮的可排序jQuery UI列表
作者:互联网
按照jQuery UI demo和documentation中的示例,我正在使用此HTML:
<ul class="sort">
<li>
<button>A</button>
</li>
<li>
<button>B</button>
</li>
<li>
<button>C</button>
</li>
</ul>
这个JS:
$(function () {
$('.sort').sortable();
})
但是如this JSFiddle example所示,按钮不可拖动.
如何让.sortable()使用按钮?
解决方法:
你可以告诉sortable()使用按钮作为可拖动的句柄.
$('.sort').sortable({handle:'button'});
此外,由于cancel()的默认选择器包括按钮,您需要将取消选择器设置为空字符串:
$('.sort').sortable({
handle: 'button',
cancel: ''
});
jQuery sortable() documentation
标签:javascript,jquery,jquery-ui,button,jquery-ui-sortable 来源: https://codeday.me/bug/20190722/1506790.html