jQuery UI Sortable:如何防止移动特定列表项? [英] jQuery UI Sortable: How do I prevent a specific list item from being moved?
本文介绍了jQuery UI Sortable:如何防止移动特定列表项?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有这个列表:
<ul>
<li class="line"><a href="#" class="drag">header (do not sort)</a></li>
<li class="line"><a href="#" class="drag">line one</a></li>
<li class="line"><a href="#" class="drag">line two</a></li>
</ul>
如何防止第一个li
被移动?
How can I prevent the first li
from being moved?
推荐答案
您可以指定Sortable
中的哪些项目实际上是可排序的.这应该可以解决问题-按如下所示更改HTML:
You can specify which items within the Sortable
are actually sortable. This should do the trick—change the HTML as follows:
<ul>
<li class="line" id="header"><a href="#" class="drag">header (do not sort)</a></li>
<li class="line"><a href="#" class="drag">line one</a></li>
<li class="line"><a href="#" class="drag">line two</a></li>
</ul>
然后,当您设置可排序对象时:
Then when you set up the sortable:
$('ul').sortable({ items: 'li[id!=header]' });
希望这会有所帮助!
这篇关于jQuery UI Sortable:如何防止移动特定列表项?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文