sortable - jquery ui section




如何排除元素在可排序列表中被拖動? (2)

你需要使用取消。

請參閱here工作示例

JS:

$(function() {
    $('.sortable').sortable();
    $('.sortable').disableSelection();
    $('.sortable').sortable({ cancel: '.note' });
});​

正如@Zephyr指出的那樣,讓你通過拖動兄弟姐妹來重新安排位置,如果你想避免這種情況,請使用owise1方法 :

$('.sortable').sortable({
    items : ':not(.note)'
});

如何從可排序列表中排除元素? 例如,有一個類名為'note'的元素,我不想被拖動

    <ul class="sortable">

            <li id="item_3">Item 3</li>
            <li id="item_4">Item 4</li>
            <li id="item_5">Item 5</li>

            <p class="note">This is a note only</p> 
   </ul>

jquery ui sortable,jquery顯然不起作用...

$(function() {
    $( ".sortable:not(.note)" ).sortable(
    }).disableSelection();
});

您可以使用sortable的“ items ”選項:

$( ".sortable" ).sortable({
    items : 'li'
});

example

要么...

$( ".sortable" ).sortable({
    items : ':not(.note)'
});

example







jquery-ui-draggable