0

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 を使用します。

4

1 に答える 1

0

タイトルとアイテムに同じクラスとしてカートグループを使用しているのはなぜですか？タイトルの新しいクラスを作成します。そうすると、アイテムと同じルールは適用されなくなります。

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

于 2012-12-07T02:38:52.550 に答える