jQuery UI Sortable - wie "einschließen/ausschließen" mehrere "Gegenstände"?

Habe ich ein funktionsfähiges Beispiel das jQuery-UI Sortable-Funktion. Ich bin die Anwendung, um eine HTML-Tabelle per drag & drop und Sortieren von Tabellenzeilen. Es funktioniert Super, außer ich will ausschließen, bestimmte Klassen der Zeile aus sortierbar. Mit der items parameter kann ich erfolgreich ausschließen EINE Klasse (die "list-button-bar" Klasse), aber ich kann nicht für das Leben von mir herauszufinden, die syntax für ausschließen mehr als eine Klasse. Zum Beispiel, ausschließen will ich <th> und andere Klassen der <tr>.

Dies ist wahrscheinlich eine von denen, die in der Dokumentation, aber ich bin nicht vertraut genug mit jQuery UI zu kennen, selbst was zu suchen.

Hier ist der funktionierende code:

<script>
    $(function() {
      $("#applications_list tbody.list-tbody").sortable({
        items: "tr:not(.list-button-bar)",
        cursor: 'crosshair'
      });
      $("#applications_list tbody.list-tbody").disableSelection();

    });
</script>

InformationsquelleAutor TrojanName | 2011-05-13

  1. 14

    Haben Sie versucht, mit einem Komma? Die items option nimmt einen jQuery-Selektor:

      $("#applications_list tbody.list-tbody").sortable({
    items: "tr:not(.list-button-bar), :not(th)", //Excludes <tr>s without a class and <th>s
    cursor: 'crosshair'
  });
    Danke. "jQuery-selector" - das war die Magische Schlüsselwort, die ich brauchte! Sobald ich wusste, was ich suchte, es war leicht zu finden. Dieser doc erklärt es ziemlich gut (eigentlich erklärt es viel besser als die neuere version der gleichen doc, der Total unfreundlich zu einem Neuling) docs.jquery.com/DOM/Traversing/Selectors am Ende, entdeckte ich, dass es einfacher war, Sie einfach zu zählen, die <tr>'s ich wollte das benutzen von Gegenständen: "tr:.selbst, .odd", Eine Sache, die völlig war der unglückliche Zufall, dass meine form hat Klassen mit den Namen "gerade" und "ungerade", die selector-keywords. Hinzufügen den Punkt in front gelöst.
    Ah, ok. Nun, ich bin froh, dass ich helfen konnte 🙂

    InformationsquelleAutor Andrew Whitaker

  2. 2

    Ausschließen, mehrere Klassen von tr verwenden:

    $("#applications_list tbody.list-tbody").sortable({
        items: "tr:not(.list-button-bar,.other-class1,.other-class2)",
        cursor: 'crosshair'
});

    InformationsquelleAutor A_Flama

  3. 1

    In Jquery-UI-1.8 die folgenden verwenden:

    $("#applications_list tbody.list-tbody").sortable({
    //Excludes <tr>s without a class and <th>s
    filter: "tr:not(.list-button-bar), :not(th)"
});
    Schöner Ansatz, wie ich!

    InformationsquelleAutor Carlos Bendfeldt

Schreibe einen Kommentar