jquery - selectores - ¿Cómo excluir un elemento de ser arrastrado en la lista sortable?

selectores jquery

Question

¿Cómo puedo excluir un elemento de la lista ordenable? Por ejemplo, hay un elemento con el nombre de clase ''nota'' que no quiero que se pueda arrastrar ?

    <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 ordenable, jquery obviamente no funciona ...

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

Answer 1

Necesitas usar cancelar.

Vea el ejemplo de trabajo here .

Js:

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

Como señala @Zephyr, esto permite reorganizar la posición arrastrando a los hermanos, si quieres evitar eso, utiliza el enfoque owise1 :

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

Answer 2

Puede excluir explícitamente elementos con:

$( ".sortable" ).sortable({
     cancel: ".disable-sorting"
});

Answer 3

Puede usar la opción de " items " de sortable:

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

example

o...

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

example