menuMDUIDocs
color_lens
A Material Design 3 és Web Components alapú új mdui 2 már elérhető, tekintse meg az mdui 2 dokumentációját.

JavaScript globális metódusok

mdui.mutation()

Az mdui-ban bizonyos összetevőket inicializálni kell a DOM betöltése után. Emiatt a dinamikusan létrehozott összetevők nem inicializálódnak automatikusan. Erre a célra az mdui az mdui.mutation() metódust biztosítja.

mdui.mutation()

Ennek a metódusnak a meghívása inicializálja az oldalon az összes még nem inicializált összetevőt.

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>';

// Dinamikusan hozzáadott Select összetevő, amely egyedi attribútumokon keresztüli hívás miatt nem inicializálódik automatikusan
$('body').append(html);

// Metódus hívása az oldalon lévő összes még nem inicializált összetevő inicializálásához
mdui.mutation();

mdui.mutation(selector, apiInit)

Ha az mdui.mutation() metódust két paraméterrel hívja meg, azzal saját készítésű összetevők inicializálására is használható. Az első paraméter a CSS-szelektor, a második pedig az inicializáló függvény.

Az mdui.mutation(selector, apiInit) hívásakor a CSS-szelektor és az inicializáló függvény összekapcsolódik, és lefut a $(selector).each(apiInit) kód az inicializáláshoz.

Amikor legközelebb meghívja az mdui.mutation() metódust, ha a CSS-szelektornak megfelelő összetevő még nincs inicializálva, az inicializáló függvény automatikusan lefut.

$(selector).mutation()

Ha egy adott elemen belüli összetevőket szeretne inicializálni, használhatja a $(selector).mutation() metódust, amely inicializálja a szelektorban meghatározott elemet és annak összes nem inicializált gyermekelemét.