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.
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();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.
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.