Wie man Wählbare Elemente in AJAX für HTML5 und CSS3 Programmierung

Sie können eine Situation, wo Sie den Benutzer aus einer Liste von Elementen wählen möchten. AJAX ermöglicht HTML5 und CSS3-Programmierer diese Option. Das wählbar Widget ist eine gute Möglichkeit, diese Funktionalität von einer gewöhnlichen Liste zu erstellen. Der Benutzer kann ziehen oder Strg + Elemente klicken, um sie auszuwählen. Spezielle CSS-Klassen werden automatisch, um anzuzeigen, angewendet, dass das Element für die Auswahl oder ausgewählte betrachtet wird.

bild0.jpg

Gehen Sie wie folgt vor, um einen auswählbaren Element zu machen:

  1. Beginnen Sie mit einer ungeordneten Liste.

    Erstellen Sie eine Standard ungeordnete Liste in Ihrem HTML. Gib die ul eine Kennung, so dass es als jQuery Knoten identifiziert werden können:

     
    wählbar
  2. Alpha
  3. Beta
  4. Gamma
  5. Delta

  6. In CSS-Klassen für die Auswahl und ausgewählten Staaten.

    Wenn Sie die verfügbaren Menüelemente wollen Aussehen zu ändern, wenn die Elemente so ausgewählt sind oder ausgewählt wurden, CSS-Klassen hinzufügen, wie gezeigt. Einige spezielle Klassen (ui-Auswahl und ui-Auswahl) Sind vordefiniert und wird an die Elemente zu den entsprechenden Zeiten hinzugefügt werden:

  7. In dem drin() Funktion, geben Sie die Liste als auswählbare Knoten.

    Verwenden Sie die Standard-jQuery-Syntax: wählbar().

     $ ( "# Wählbar") ausgewählt werden kann (). -

Die Klasse wird für alle Elemente angebracht, wenn sie ausgewählt wurden. Achten Sie darauf, eine Art von CSS zu dieser Klasse hinzuzufügen, oder Sie werden nicht sagen, der Lage sein, dass Elemente ausgewählt wurden.

Wenn Sie etwas mit allen Elementen zu tun möchten, die ausgewählt wurden, erstellen Sie einfach eine jQuery Gruppe von Elementen mit der ui-Auswahl Klasse:

var selectedItems = $ ( "ui-ausgewählt.") -

Ähnliche

Menü