Jquery:如何使一个列表在一组列表中不可排序

Jquery : How to make one list not sortable in a set of lists

本文关键字：列表 一组 排序 何使一 Jquery      更新时间：2023-09-26

我有一个可排序的<div>。在<div>中，有几个<ul>列表可以用jQuery进行排序。我怎样才能使'First list'静态，这样它就不能被排序了?

HTML: 

<div class="overview" id="sortable">
    <div class="viewport-vertical">
      <div class="viewport">
        <ul class="folders-unsortable">
          <li class="unsortable"><h3>First list (3)</h3></li>
          <li>
            <div>
              <a href="" target="_parent" title="verre si li the fox jumps" class="favorite">verre si li the fox jumps</a>
              <a href="#" title="edit" class="icon icon-wheel edit-item"></a>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class="viewport-vertical">
      <div class="viewport">
        <ul class="folders-sortable">
          <li class="unsortable"><h3>Second list</h3></li>
          <li>
            <div>
              <a href="" target="_parent" title="Lorem ipsum dolor" class="favorite">Lorem ipsum dolor</a>
              <a href="#" title="edit" class="icon icon-wheel edit-item"></a>
            </div>
          </li>
         </ul>
      </div>
    </div>
 </div>
jQuery: 
<script type="text/javascript">
    $(function(){
      //Folders
      $( "#sortable" ).sortable();
      $( "#sortable" ).disableSelection();
      //Make favorites sortable
      $( ".folders-sortable" ).sortable({
        items: "ul:not(.unsortable)",
        connectWith: ".folders-sortable",
        update: function( event, ui ) {
        if (this === ui.item.parent()[0]) {
              alert("Favorite moved");
          }
      }
      }).disableSelection();
    });
</script>

试一下

 $(function()
{
     $( "#sortable" ).sortable();
     $( "#sortable" ).disableSelection();
    $( "#sortable .folders-sortable" ).sortable();
});
相关文章：