mui绑定html列表,mui动态加载tab事件绑定

tab 的高亮切换，只要 className 没错，无论是静态还是动态的都会正常切换。

实际开发中，选项卡的点击等操作，都会有业务相关的自定义的行为。

如果是动态加载的 DOM，那么最好是在 DOM 加载完成后，再进行相关事件的监听以及后续的行为的执行。

基础的组件只提供了基础的一些行为和效果，具体的或者扩展的行为，都需要实际开发中去添加。

参考示例

* {

touch-action: none;

}

var tabs = [];

var tplActive = '' +

'' +

'{title}' +

'';

var tpl = '' +

'' +

'{title}' +

'';

var container = document.querySelector('.mui-bar');

var html = tplActive.replace('{title}', '首页');

for (var i = 0; i < 3; i++) {

html += tpl.replace('{title}', 'item' + i);

}

container.innerHTML = html;

// DOM 创建完成了，添加监听事件，执行自己想要的逻辑。

container.addEventListener('tap', function (evt) {

console.log(evt.target);

//TODO

});