JavaScript 全局方法

mdui.mutation()

在 mdui 中，部分组件需要在 DOM 加载完成后初始化。因此，动态生成的组件无法自动初始化。为此，mdui 提供了 mdui.mutation() 方法。

mdui.mutation()

调用此方法，将初始化页面中所有尚未初始化的组件。

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

// 动态添加了一个 Select 组件，但由于是通过自定义属性调用的，该组件无法自动初始化
$('body').append(html);

// 调用此方法，以初始化页面中所有尚未初始化的组件
mdui.mutation();

mdui.mutation(selector, apiInit)

如果为 mdui.mutation() 方法传入了两个参数，则可用于初始化你自行编写的组件。第一个参数为 CSS 选择器，第二个参数是初始化函数。

调用 mdui.mutation(selector, apiInit) 时，会将 CSS 选择器和初始化函数绑定，并执行 $(selector).each(apiInit) 来调用初始化函数。

等到下次调用 mdui.mutation() 时，若 CSS 选择器对应的组件尚未初始化，则会自动调用初始化函数。

$(selector).mutation()

如果需要初始化指定元素内的组件，可以调用 $(selector).mutation()，该方法会初始化 selector 及其子元素中尚未初始化的组件。