Question

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

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

有什么想法吗？请参阅下面的代码并链接到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

为什么使用cart-group作为标题和项目的同一个类？为标题创建一个新类。然后它将不受与项目相同的规则约束。

<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>

jQuery Sortable - 项目选择器的问题

1 个答案: