Metodi globali JS

mdui.mutation()

In mdui, alcuni componenti devono essere inizializzati al termine del caricamento del DOM. Pertanto, i componenti generati dinamicamente non possono essere inizializzati automaticamente. Per questo motivo, mdui fornisce il metodo mdui.mutation().

mdui.mutation()

Chiamando questo metodo, verranno inizializzati tutti i componenti della pagina che non sono ancora stati inizializzati.

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

// Un componente Select è stato aggiunto dinamicamente, ma poiché viene chiamato tramite attributi personalizzati, non può essere inizializzato automaticamente
$('body').append(html);

// Chiama questo metodo per inizializzare tutti i componenti della pagina non ancora inizializzati
mdui.mutation();

mdui.mutation(selector, apiInit)

Se al metodo mdui.mutation() vengono passati due parametri, potrà essere utilizzato per inizializzare componenti scritti da te. Il primo parametro è il selettore CSS e il secondo è la funzione di inizializzazione.

Quando si chiama mdui.mutation(selector, apiInit), il selettore CSS e la funzione di inizializzazione verranno associati, e verrà eseguito $(selector).each(apiInit) per chiamare la funzione di inizializzazione.

Alla successiva chiamata di mdui.mutation(), se i componenti corrispondenti al selettore CSS non sono ancora stati inizializzati, la funzione di inizializzazione verrà chiamata automaticamente.

$(selector).mutation()

Se è necessario inizializzare i componenti all'interno di un elemento specifico, è possibile chiamare $(selector).mutation(); questo metodo inizializzerà i componenti non ancora inizializzati in selector e nei suoi elementi figli.