限制基於CSS類

Question

我用下面的代碼來安排我的div的div拖動：

$(".myDivs").sortable({ 
    connectWith: [".myDivs"] 
}); 

是否有可能修改這個代碼，以便排除可以排序的div（移動），其包含particualar CSS值：

<div class="myDivs excludeThisCss"><Excluded From Move></div> 

Answer 1

您可以使用:not()瞄準myDivs類沒有excludeThisCss類：

看到這個工作Fiddle Example!

對於示例HTML

<div class="connected"> 
    <div class="myDivs">Hello 01</div> 
    <div class="myDivs">Hello 02</div> 
    <div class="myDivs excludeThisCss">Hello 03</div> 
    <div class="myDivs">Hello 04</div> 
</div> 

<div class="connected"> 
    <div class="myDivs">Hello 01</div> 
    <div class="myDivs">Hello 02</div> 
    <div class="myDivs excludeThisCss">Hello 03</div> 
    <div class="myDivs">Hello 04</div> 
</div> 

JQUERY

$(function() { 
    $(".connected").sortable({ 
     connectWith : ".connected", 
     items  : ".myDivs:not(.excludeThisCss)" 
    }).disableSelection(); 
}); 

在小提琴例子，你就可以將所有.myDivs項目，但與.excludeMe類的會不動！