mdui'de bazı bileşenlerin DOM yüklendikten sonra başlatılması gerekir. Bu nedenle, dinamik olarak oluşturulan bileşenler otomatik olarak başlatılamaz. Bunun için mdui, mdui.mutation() yöntemini sağlar.
Bu yöntemi çağırmak, sayfadaki henüz başlatılmamış tüm bileşenleri başlatacaktır.
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>';
// Dinamik olarak bir Seçim Kutusu (Select) bileşeni eklendi, ancak özel öznitelikler aracılığıyla çağrıldığı için bileşen otomatik olarak başlatılamıyor
$('body').append(html);
// Sayfadaki henüz başlatılmamış tüm bileşenleri başlatmak için bu yöntemi çağırın
mdui.mutation();mdui.mutation() yöntemine iki parametre geçirilirse, kendi yazdığınız bileşenleri başlatmak için kullanılabilir. İlk parametre CSS seçicisi, ikinci parametre ise başlatma fonksiyonudur.
mdui.mutation(selector, apiInit) çağrıldığında, CSS seçicisi ve başlatma fonksiyonu bağlanacak ve başlatma fonksiyonunu çağırmak için $(selector).each(apiInit) yürütülecektir.
Bir sonraki mdui.mutation() çağrısında, CSS seçicisine karşılık gelen bileşen henüz başlatılmamışsa, başlatma fonksiyonu otomatik olarak çağrılacaktır.
Belirli bir öğe içindeki bileşenleri başlatmanız gerekiyorsa, $(selector).mutation() yöntemini çağırabilirsiniz; bu yöntem, seçiciyi ve alt öğelerindeki henüz başlatılmamış bileşenleri başlatacaktır.