Métodos globales

mdui.mutation()

En mdui, algunos componentes deben inicializarse una vez que el DOM se ha cargado por completo. Por ello, los componentes generados dinámicamente no pueden inicializarse automáticamente. Para solucionarlo, mdui proporciona el método mdui.mutation().

mdui.mutation()

Al llamar a este método, se inicializarán todos los componentes de la página que aún no se hayan inicializado.

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

// Se añadió dinámicamente un componente Select, pero como se invoca mediante atributos personalizados, no puede inicializarse automáticamente.
$('body').append(html);

// Llama a este método para inicializar todos los componentes no inicializados de la página.
mdui.mutation();

mdui.mutation(selector, apiInit)

Si se pasan dos parámetros a mdui.mutation(), puede utilizarse para inicializar componentes que hayas creado tú mismo. El primer parámetro es un selector CSS y el segundo es una función de inicialización.

Al llamar a mdui.mutation(selector, apiInit), el selector CSS y la función de inicialización se vinculan, y se ejecuta $(selector).each(apiInit) para invocar la función de inicialización.

La próxima vez que se llame a mdui.mutation(), si los componentes correspondientes al selector CSS aún no se han inicializado, la función de inicialización se llamará automáticamente.

$(selector).mutation()

Si necesitas inicializar componentes dentro de un elemento concreto, puedes llamar a $(selector).mutation(). Este método inicializará los componentes no inicializados dentro del selector y sus elementos secundarios.