menuMDUIDocs
color_lens
Zcela nové mdui 2 založené na Material Design 3 a Web Components bylo vydáno, přejděte na dokumentaci mdui 2.

Globální JS metody

mdui.mutation()

V mdui vyžadují některé komponenty inicializaci po načtení DOM. Proto nemohou být dynamicky generované komponenty inicializovány automaticky. Za tímto účelem mdui poskytuje metodu mdui.mutation().

mdui.mutation()

Voláním této metody se inicializují všechny dosud neinicializované komponenty na stránce.

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

// Dynamicky přidána komponenta výběru (Select), ale protože je volána přes vlastní atribut, tato komponenta se nemůže inicializovat automaticky
$('body').append(html);

// Voláním této metody se inicializují všechny dosud neinicializované komponenty na stránce
mdui.mutation();

mdui.mutation(selector, apiInit)

Pokud metodě mdui.mutation() předáte dva parametry, můžete ji použít k inicializaci vašich vlastních komponent. Prvním parametrem je CSS selektor a druhým parametrem je inicializační funkce.

Když voláte mdui.mutation(selector, apiInit), jsou CSS selektor a inicializační funkce navázány a je proveden $(selector).each(apiInit) pro volání inicializační funkce.

Až příště zavoláte mdui.mutation(), pokud komponenty odpovídající CSS selektoru dosud nejsou inicializovány, inicializační funkce se zavolá automaticky.

$(selector).mutation()

Pokud potřebujete inicializovat komponenty v určitém prvku, můžete zavolat $(selector).mutation(), která inicializuje neinicializované komponenty v prvku selector a jeho dceřiných prvcích.