Jquery Sortable，li内的项目可以拖放

Question

我正在使用jquery sortable。

<ul id="gallery">
    <li class="image-item gallery-image-item"><i class="btn-comment icon-comment icon-2x"></i><i class="btn-youtube icon-youtube-play icon-2x"></i><i class="btn-delete icon-remove"></i></li>
    //...more similar li's
</ul>

问题是，我可以拖放每个li，但是每个li里面的图标也可以分别拖放到它的父li。有办法阻止这个吗？

JS：

$("#gallery").sortable({items: ':not(:last-child)'});

Answer 1

您还可以提供handler属性：

handle: 'li'

将事件绑定到实际的li本身。