Wie kann ein Element davon ausgeschlossen werden, in eine sortierbare Liste gezogen zu werden?

Wie kann ich ausschließen, ein element aus der zu sortierenden Liste? Zum Beispiel gibt es ein element mit class name 'Hinweis', dass ich nicht wollen ziehbar?

    <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 not offensichtlich nicht funktioniert...

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

InformationsquelleAutor der Frage laukok | 2012-12-14

  1. 36

    Müssen Sie Abbrechen.

    Siehe Beispiel arbeiten hier.

    Js:

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

    Wie @Zephyr Punkte, lasst uns Sie neu zu ordnen, die position durch ziehen die Geschwister, wenn Sie vermeiden wollen, verwenden Sie die owise1 Ansatz:

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

    InformationsquelleAutor der Antwort Trufa

  2. 20

    Könnten Sie sortierbar "Artikel" option:

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

    Beispiel

    ... oder

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

    Beispiel

    InformationsquelleAutor der Antwort owise1

  3. 3

    Können Sie explizit ausschließen von items mit:

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

    InformationsquelleAutor der Antwort Mladen Janjetovic

Schreibe einen Kommentar