Question

我有以下空文:

<ul class="sortable_list">
  <p><a>Add new item</a></p>
</ul>
<ul class="sortable_list">
  <li class="sortable_item">
    AAA
  </li>
  <li class="sortable_item">
    BBB
  </li>
  <p><a>Add new item</a></p>
</ul>

以及以下文字:

$(".sortable_list").sortable({
  items: "li.sortable_item",
  connectWith: ".sortable_list",
  axis: "y",
  cursor: "move",
  placeholder: "ui-state-highlight",
  revert: "140",
    update: function() {
        alert( hehe );
    }
}).disableSelection();

第1次<代码>ul.sortable_list为空。当I drag the li.sortable_item from the 2nd ul.sortable_list to the 1st ul.sortable_list , the li 这一项目可列入<代码>p,这不是我想要的东西。我愿始终在<代码>p之上。

但是,如果I drag-drop the 2nd ul.sortable_list 同一清单中的项目不能低于我所希望的<代码>p。

我应如何确定这一点?

感谢。

Answer 1

我必须遵循<条码>。

改变这一标志:

<ul class="sortable_list">

</ul>
<p><a>Add new item</a></p>

<ul class="sortable_list">
  <li class="sortable_item">
    AAA
  </li>
  <li class="sortable_item">
    BBB
  </li>
</ul>
<p><a>Add new item</a></p>

友情链接