jQuery Draggable小部件在ul內部無法與li一起使用

Question

也許忽略了這一點，但是我不知道為什么這不起作用。

我正在jquery-ui中創建一個可拖動列表，使用從jquery-ui拖入的可拖動列表，但是我似乎無法制作li可拖動列表，這是怎么回事？

HTML：

<section>
  <ul id="sortable1">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
    <li>item 6</li>
    <li>item 7</li>
    <li>item 8</li>
    <li>item 9</li>
    <li>item 10</li>
  </ul>
</section>

jQuery的：

$('#sortable1 li').draggable({
  containment: 'section',
  cursor: 'move',
  revert: true
});

非常感謝！

Answer 1

只需將以下代碼添加到腳本即可。

$( "ul, li" ).disableSelection();

例

Answer 2

您需要jQuery-ui.js（ https://code.jquery.com/ui/1.11.4/jquery-ui.js ）

檢查一下：

 $(function() { $('#sortable1 li').draggable({ containment: 'section', cursor: 'move', revert: true }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <section> <ul id="sortable1"> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> <li>item 5</li> <li>item 6</li> <li>item 7</li> <li>item 8</li> <li>item 9</li> <li>item 10</li> </ul> </section> 

Answer 3

似乎該錯誤在我的項目中的其他地方，我創建了一個測試項目，並且可以正常工作，抱歉，我的錯誤。