No mdui, alguns componentes precisam ser inicializados após o carregamento do DOM. Portanto, componentes gerados dinamicamente não podem ser inicializados automaticamente. Para isso, o mdui fornece o método mdui.mutation().
Chamar este método inicializará todos os componentes na página que ainda não foram inicializados.
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>';
// Um componente Select foi adicionado dinamicamente, mas como é chamado via atributo personalizado, ele não pode ser inicializado automaticamente
$('body').append(html);
// Chame este método para inicializar todos os componentes na página que ainda não foram inicializados
mdui.mutation();Se dois parâmetros forem passados para o método mdui.mutation(), ele poderá ser usado para inicializar seus próprios componentes. O primeiro parâmetro é um seletor CSS e o segundo é a função de inicialização.
Ao chamar mdui.mutation(selector, apiInit), o seletor CSS e a função de inicialização serão vinculados, e $(selector).each(apiInit) será executado para chamar a função de inicialização.
Da próxima vez que mdui.mutation() for chamado, se os componentes correspondentes ao seletor CSS ainda não tiverem sido inicializados, a função de inicialização será chamada automaticamente.
Se você precisar inicializar componentes dentro de um elemento específico, pode chamar $(selector).mutation(), que inicializará os componentes dentro de selector e seus elementos filhos que ainda não foram inicializados.