jQuery可排序 - 與項目選擇器的問題

我使用的是jQuery UI中的Sortable插件。讓它完美運行，但我不想排序，也不能拖動第一個項目上方的其他項目。我將此項目用作組的標題/標題，並且始終希望將其固定在第一個位置。jQuery可排序 - 與項目選擇器的問題

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

來源

2012-12-07 Ash

這對我的作品？ http://jsfiddle.net/fZCfh/3/ – GNi33

啊，對不起 - 我應該澄清。我不希望用戶能夠拖動標題項目上的項目（加載的第一個項目）。 – Ash

哦，好的。爲什麼不把標題移出包裝器呢？把它放在推車組外面，或者使用另一個班級作爲可分揀包裝？ – GNi33

爲什麼你使用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>

來源

2012-12-07 02:38:52 cjds

jQuery可排序 - 與項目選擇器的問題

回答

相關問題