Amaze UI学习笔记——JS学习历程一

1.自定义事件

(1)一些组件提供了自定义事件,命名方式为{事件名称}.{组件名称}.amui,用户可以查看组件文档了解。使用这些事件,如:

  $(‘#myAlert‘).on(‘close.alert.amui‘,function(){

    //do something;

  });

(2)data-am-observe

  在元素上添加data-am-abserve属性以后,动态插入改元素的Amaze UI JS插件会自动初始化,支持的插件包括Button、Dropdown、Slider、Popover、Scrollspy、Tabs

(3)$().DOMobserve(options,callback)

  • options: 监视的属性,默认为{childList:true,subtree:true};
  • callback(mutations,observer):DOM发生变化时的处理函数,第一个参数为存储MutationRecord对象的数组,第二个参数Mutationobserver实例本身。

(4)默认初始化事件接口

  Amaze UI通过特定的HTML来绑定事件,多数JS组件通过HTML标记就可以实现调用。默认的初始化事件都在xx.amui.data-api命名空间下,用户可以自行关闭。

  关闭所有默认事件:$(document).off(‘.data-api‘);

  关闭特定组件的默认事件:$(document).off(‘.modal.amui.data-api‘);

时间: 2024-10-02 22:58:31

Amaze UI学习笔记——JS学习历程一的相关文章

JavaScript学习笔记——js变量的布尔值

typeof(1): numbertypeof(NaN): numbertypeof(Number.MIN_VALUE): numbertypeof(Infinity): numbertypeof("123"): stringtypeof(true): booleantypeof(window): objecttypeof(Array()): objecttypeof(function(){}): functiontypeof(document): objecttypeof(null)

[学习笔记]iphone学习小技巧

1. 版本控制 -- 是否响应某个方法 .查看当前系统版本. eg: [self respondsToSelector:@Selector(presentModalViewController:animated:)]//Yes:表示响应这个方法 [[UIDevice currentDevice].systemVersion floatValue] < 7.0 //判断当前系统是否小于7.0 2. 模态视图动画设置 eg: ModalViewController *modalVC = [[Moda

java JDK8 学习笔记——助教学习博客汇总

java JDK8 学习笔记——助教学习博客汇总 1-6章 (by肖昱) Java学习笔记第一章——Java平台概论 Java学习笔记第二章——从JDK到IDEJava学习笔记第三章——基础语法Java学习笔记第四章——认识对象 Java学习笔记第五章——对象封装 Java学习笔记第六章——继承与多态 7-10.12.14章 (by吴子怡) Java学习笔记JDK8>学习总结 11.13.15-18章 (by宋宸宁) 第11章 第13章第15章第16章第17章第18章

contiki-main.c 中的process系列函数学习笔记 &lt;contiki学习笔记之六&gt;

说明:本文依然依赖于 contiki/platform/native/contiki-main.c 文件. ------------------------------------------------------------------------------------------------------------------------------------- 根据上一个笔记里面添加的printf()语句的打印信息提示,hello world 打印是在执行了 1 autostart_

前端学习:JS学习总结(图解)

前端学习:JS学习总结(图解) JS比HTML和CSS的知识点要多的多,下面分几段来介绍其内容... 为了能让大家更好的检索,前面的图解是整个JS的概括,后面的才是知识点... 旁边就是目录,建议用目录来观看本博客...... JS的知识体系  JS的简介 JS基本语法 JS内置对象 JS的函数 JS的事件 JS的BOM JS的DOM JS的简介 JS是什么? JS能做什么? JS的历史及组成 JS的引入方式 JS基本语法 变量 原始数据类型 引入数据类型 运算符 逻辑语句 JS内置对象 JS对

JAVAscript学习笔记 js句柄监听事件 第四节 (原创) 参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>句柄添加监听事件</title> <script type="text/javascript" src="tzy.js"></script> </head> <body>

学习笔记---JS基础类

JavaScript 中的 this ! https://qiutc.me/post/this-this-this-in-javascript.html#call,_apply,_bind 讲解了JS中this在特殊情况下的变化.以及如何保持this值.

学习笔记--js的date对象

在js中获取当前时间 <script type="text/javascript"> var date=new Date(); document.write(date.toLocaleString()); document.write("<hr>"); document.write(date); </script> **获取当前年的方法 getFullYear(): **获取当前月的方法 getMoth():返回的是0-11月,如

学习笔记 -- js节流函数

/* * 频率控制 返回函数连续调用时,fn 执行频率限定为每多少时间执行一次 * @param fn {function} 需要调用的函数 * @param delay {number} 延迟时间,单位毫秒 * @param immediate {bool} 给 immediate参数传递false 绑定的函数先执行,而不是delay后后执行. * @return {function}实际调用函数 */ commFun.throttle = function (fn,delay, immedi