Javascript JQuery可排序包含不工作

我在类别中有一个简单的子类别列表，如下所示：

<ul class="list">
<li>Eyewear
<ul class="cont">
  <li>Andy Wolf</li>
  <li>Matsuda</li>
  <li>Dita</li>
  <li>Barton Perreira</li>
  <li>Theo</li>
</ul></li>

<li>Merchandise
<ul class="cont">
  <li>Tees</li>
  <li>Tanks</li>
</ul></li>

<li>Accessories</li>
</ul>

但出于某种原因，“安迪·沃尔夫”可以超越“cont”，成为与“眼镜”相同的级别

这是我做的小提琴

有人能解释一下我做错了什么吗

---

谢谢。

既然您想对

$（“ul.cont”）

中的列表项进行排序，那么您应该将目标锁定在该容器上

试试这个：

$("ul.cont").sortable({
    containment: 'parent',
    placeholder: "ui-state-highlight",    
    items: "li",
    axis: 'y',
    revert: true,
        update: function(event, ui){

        }
    }).disableSelection();

---

简单的HTML错误，看看你的

“眼镜”周围

眼镜

安迪·沃尔夫
松田
迪塔
巴顿佩雷拉
提奥
说说看不见树木的森林吧！非常感谢！：）没问题：）我很高兴这有帮助。
$("ul.cont").sortable({
    containment: 'parent',
    placeholder: "ui-state-highlight",    
    items: "li",
    axis: 'y',
    revert: true,
        update: function(event, ui){

        }
    }).disableSelection();

<li>Eyewear
<ul class="cont">
  <li>Andy Wolf</li>
  <li>Matsuda</li>
  <li>Dita</li>
  <li>Barton Perreira</li>
  <li>Theo</li>
</ul></li>    <-- this shouldn't be here!

<li>Eyewear</li>
<ul class="cont">
  <li>Andy Wolf</li>
  ...