作用:
批量处理元素的事件绑定
语法:
mui("id/type").on( event , selector , handler )
讲解:
- mui:mui使用css选择器获取HTML元素,返回mui对象数组。
- 上面是官方文档的说法,意思就是括号中只能传入CSS可以使用的类、id、标识符
- 注意是使用双引号括起来的
- on:
- 传入的参数:
- event
Type: String
需监听的事件名称,例如:’tap’。可以随便定义,不过如果激活的话会用到,所以最好具有实际意义 - selector
Type: String
选择器。 因为通过mui获得的是数组,当需要为 特定(类、id、标识符)绑定事件时,加入即可。 - handler
Type: Function( Event event )
事件触发时的回调函数,通过回调中的event参数可以获得事件详情
- event
- 限制:
- mui(“…”)获取的数组与需要绑定的元素标签必须是包含于被包含的关系,经过简单测试发现(如果判断有误希望大家指出,并给出源代码)
- 没有selector这个参数时可以不写,直接写回调函数。注意mui获取的数组中是否所有都可以事件绑定,目前发现的无法绑定的事件有:
- Element
- 错误代码:
<li class="mui-table-view-cell abutton">
<a href="new_accordion.html">点击</a>
</li>
mui(".abutton").on('tap', function() {
mui.openWindow({
url: this.href,
});
});- 分析原因:当将selector参数设置为‘a’时则没有报错。表示不知因何原因,li标签当中包含了Element。
- Element
- 传入的参数:
如果发现错误地方请在下方浏览,本文档将持续更新