00 Stimmen

jQuery UI Draggable: Mehrere Cancel-Selektoren

Frage von Compi | 11.06.2014 um 18:23

Ich benutze das Wiget "Draggable" von jQuery UI um eine DIV-Box auf meiner Website verschiebbar zu machen. Auf einigen Elementen, die sich auf dem DIV, soll das Verschieben nicht möglich sein (zum Beispiel Eingabefelder).

Ich habe folgenden Code der wirklich wunderbar funktioniert (cancel enthält die Elemente, auf denen kein Verschieben möglich sein soll):

$(".movebox").draggable({
   cursor: 'move',
   cancel: '.nodrag'
});

Allerdings funktioniert das nur, wenn ich nur einen Selektor unter "cancel" angebe. Ich würde aber gerne sowohl Input-Felder als auch Textareas angeben.

Ist es möglich hier mehrere Elemente-Selektoren anzugeben?

AntwortenPositivNegativ
1Beste Antwort1 Stimme

Mehrere Selektoren kannst du einfach mit einem Komma trennen:

cancel: '.nodrag, #myid, textarea, input'

Dieser Selektor würde alle Klassen "nodrag", das Elemente mit der ID "myid" sowie alle Textareas und Input-Elemente selektieren.

Mehr Informationen gibt es auf der jQuery-Seite unter dem Stichwort Multiple Selector.
11.06.2014 um 19:15

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

jQuery: CSS Stylesheet Switcher

Tutorial | 1 Kommentar

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.