menuMDUIDocs
color_lens
Das neue mdui 2 auf Basis von Material Design 3 und Web Components ist da. Zur mdui 2 Dokumentation wechseln.

Globale JavaScript-Methoden

mdui.mutation()

In mdui müssen einige Komponenten initialisiert werden, sobald das DOM geladen wurde. Daher können dynamisch generierte Komponenten nicht automatisch initialisiert werden. Zu diesem Zweck bietet mdui die Methode mdui.mutation() an.

mdui.mutation()

Der Aufruf dieser Methode initialisiert alle noch nicht initialisierten Komponenten auf der Seite.

var html =
  '<select class="mdui-select" mdui-select>' +
  '  <option value="1">State 1</option>' +
  '  <option value="2">State 2</option>' +
  '  <option value="3">State 3</option>' +
  '</select>';

// Eine Select-Komponente wurde dynamisch hinzugefügt, kann aber nicht automatisch initialisiert werden, da sie über ein benutzerdefiniertes Attribut aufgerufen wird.
$('body').append(html);

// Rufen Sie diese Methode auf, um alle noch nicht initialisierten Komponenten auf der Seite zu initialisieren.
mdui.mutation();

mdui.mutation(selector, apiInit)

Wenn der Methode mdui.mutation() zwei Parameter übergeben werden, kann sie zur Initialisierung Ihrer eigenen Komponenten verwendet werden. Der erste Parameter ist ein CSS-Selektor, der zweite die Initialisierungsfunktion.

Beim Aufruf von mdui.mutation(selector, apiInit) werden der CSS-Selektor und die Initialisierungsfunktion gebunden, und $(selector).each(apiInit) wird ausgeführt, um die Initialisierungsfunktion aufzurufen.

Beim nächsten Aufruf von mdui.mutation() wird die Initialisierungsfunktion automatisch aufgerufen, wenn die dem CSS-Selektor entsprechende Komponente noch nicht initialisiert wurde.

$(selector).mutation()

Wenn Komponenten innerhalb eines bestimmten Elements initialisiert werden müssen, kann $(selector).mutation() aufgerufen werden. Diese Methode initialisiert noch nicht initialisierte Komponenten innerhalb des Selektors und seiner Kindelemente.