如何将子元素与父 jQuery 排序在一起

Question

我有一个这样的项目列表...

<ol>
    <li>
        <span></span>
        <img src="image.png" />
        <p>Image Caption</p>
    </li>
</ol>

我希望能够对 LI 而不是子元素进行排序，它们应该与父元素一起移动。

我正在使用 jQuery 来做到这一点...

$('ol li').sortable({ 'cursor': 'move' });

它的工作但不移动整个地段只是你点击的元素，即<p>、<img> 或<span>

我不知道如何解决这个问题，所以我四处寻找并找到了一个名为 'items': '> li' 的选项，这是推荐的，但是在使用这个选项时，没有任何拖累，但使用 firebug + jquery 插件我可以看到有一个可排序的<li> 仍然。

不知道该怎么做，例如：http://clareshilland.unknowndomain.co.uk/

1. 按ctrl+l登录。

2. 输入登录信息：

   用户名：clare
   密码：demo

3. 从菜单的“图像”部分下方选择“编辑”。

4. 可排序的应该是那些宝丽来。

在此先感谢，另一个我一直在用头敲桌子的人。

Answer 1

$('ol').sortable({ 'cursor': 'move' });

sortable() 适用于容器并影响子级。您的 'ol li' 选择器使 li 成为容器，这会导致您看到的行为。