jquery - jQuery Sortable — 项目选择器的问题

Question

我正在使用 jQuery UI 中的 Sortable 插件。让它完美运行，但我不想排序，也不能将其他项目拖到第一个项目之上。我将此项目用作组的标题/标题，并且始终希望将其固定在第一个位置。

查看 jQuery 文档，看起来我应该使用项目选择器，但这会破坏整个脚本。

有任何想法吗？请参阅下面的代码和指向 JSFiddle 的链接。

HTML：

<div class="cart-group">
    <div class="cart-item no-drag">
        Title Div               
    </div>
</div>

<div class="cart-group"> 
    <div class='cart-item'>
        Cart Item
    </div>
    <div class='cart-item'>
        Cart Item
    </div>
    <div class='cart-item'>
        Cart Item
    </div>
</div>
            ​

JS：

$(".cart-group").sortable({
    connectWith: '.cart-group',
    opacity: 0.4,
    tolerance: 'pointer',
    cancel: '.no-drag',
    items:  'div:not(.no-drag),
}).disableSelection();​

链接到 JSFiddle：http: //jsfiddle.net/fZCfh/

使用 jQuery 1.7.2 和 jQuery UI 1.8.18。

Answer 1

您为什么将购物车组用作标题和项目的同一类？为标题创建一个新类。那么它将不受与物品相同的规则的约束。

<div class="cart-group-title">
    Title Div               
</div>
<div class="cart-group"> 
   <div class='cart-item'>
     Cart Item
  </div>
  <div class='cart-item'>
     Cart Item
  </div>
  <div class='cart-item'>
     Cart Item
  </div>