2012-11-30 35 views
0

我有一個div內的div,我不希望能夠拖動,因爲它是一個導航元素。禁用可排序或使用jQuery UI拖動

例如:

$(function() { 
    $("#container").sortable(); 
    $("#container").disableSelection(); 
}); 

<div id="container"> 
    <div class="move">drag me around</div> 
    <div class="nav">Don't move me</div> 
</div> 

基本上.nav我不希望能夠拖動我試過,但沒有奏效

$("#sortable1").sortable({ 
      items: "li:not(.ui-state-disabled)" 
     }); 

回答

4

只是篩選出的項目不要「T希望排序:

$('#container').sortable({ 
    items: 'div:not(.nav)' 
}); 

您當前的過濾器作用於li元素,你使用div元素。

+0

你會如何禁用像 $( '#集裝箱')兩個元素排序({ 項目: 'DIV:沒有(.nav)DIV:沒有(.nav2)' })。 – Blynn

+0

它只是一個jQuery選擇器,所以你可以用逗號分隔它們:''div:not(.nav,.nav2)'' – jbabey

+0

這個答案完全讓我從其他很多編碼中解脫出來。非常感謝。 – SoluableNonagon