事件批量绑定器.on

来源:互联网 发布:数据挖掘认证 编辑:程序博客网 时间:2024/05/25 13:33

作用:

批量处理元素的事件绑定

语法:

mui("id/type").on( event , selector , handler )

讲解:

  • mui:mui使用css选择器获取HTML元素,返回mui对象数组。
    • 上面是官方文档的说法,意思就是括号中只能传入CSS可以使用的类、id、标识符
    • 注意是使用双引号括起来的
  • on:
    1. 传入的参数:
      • event
        Type: String
        需监听的事件名称,例如:’tap’。可以随便定义,不过如果激活的话会用到,所以最好具有实际意义
      • selector
        Type: String
        选择器。 因为通过mui获得的是数组,当需要为 特定(类、id、标识符)绑定事件时,加入即可。
      • handler
        Type: Function( Event event )
        事件触发时的回调函数,通过回调中的event参数可以获得事件详情
    2. 限制:
      • mui(“…”)获取的数组与需要绑定的元素标签必须是包含于被包含的关系,经过简单测试发现(如果判断有误希望大家指出,并给出源代码)
      • 没有selector这个参数时可以不写,直接写回调函数。注意mui获取的数组中是否所有都可以事件绑定,目前发现的无法绑定的事件有:
        1. 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。

如果发现错误地方请在下方浏览,本文档将持续更新

0 0
原创粉丝点击