如何将子元素与父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容器成为容器，从而导致您看到的行为。