今天感觉无聊,想听一首音乐。没有添加其他页面,只是在index_list.html页面进行代码添加而已。 暂时只支持播放本地音乐,播放、暂停、恢复、停止四个功能键。存在bug,尚未完善,后期会完善,这个后期不是后会无期的意思,不要误会,小编一定会完善的。下面附上官方文档:http://www.htm ...
分类:
其他好文 时间:
2016-07-23 00:31:19
阅读次数:
131
本篇博文是继续上篇博文MUI(2)。上面这幅图是博文MUI(1)中实现的效果,在博文MUI(1)中提到了2个页面,一个页面是index.html,另一个页面是index_list.html页面。上面这幅图中红色框子是index.html页面,蓝色框子是index_list.html页面。两个页面本来 ...
分类:
其他好文 时间:
2016-07-21 23:52:34
阅读次数:
564
一、总结: mui中关闭当前页面的几种方式: 1.swipeBack(暂未测试过) 2.keyEventBind(暂未测试过) 3.给标签的class加.mui-action-back(返回的是前一个页面) 4.也可以直接调用mui.back()方法,实现关闭页面逻辑 例如在实现查询功能的时候,在查 ...
分类:
其他好文 时间:
2016-07-21 17:57:53
阅读次数:
246
本篇博文是继续MUI(1)博文。 上一篇博文小编写了两个页面,一个页面只写了一个头部导航栏,另一个页面写了一个按钮,然后这两个页面进行合并显示,即在头部导航栏页面加载显示另一个页面的按钮。仔细观察上一篇的最后截图效果会发现,在头部导航栏的左上角有一个侧滑图标,本篇博文就是实现一个侧滑菜单效果。 还是 ...
分类:
其他好文 时间:
2016-07-21 00:42:04
阅读次数:
306
一、摘要: 总结用history对象操作浏览器的历史记录的方法,在项目中使用的是mui框架,总结中包括我在实际项目中遇到的问题。 二、总结: 实现效果: 实现代码: 上面的编辑页面加载的时候就要先调用一次pushHistory()方法,如果不先调用一遍,在第一次点击浏览器上的返回按钮时,不会弹出提示 ...
分类:
Web程序 时间:
2016-07-17 23:03:47
阅读次数:
539
1、首先在mui.ajax的error函数里出现: “syntaxerror unexpected token <” 这样的错误,那么在 mui.ajax中的type写成 JSONP 就可以了! 2、经过mui的success函数返回的数据 要经过json解析才可以使用: 解析方法:JSON.par ...
分类:
Web程序 时间:
2016-07-14 01:57:32
阅读次数:
312
1、switch(开关)
mui提供了开关控件,点击滑动两种手势都可以对开关控件进行操作,UI如下:默认开关控件,带on/off文字提示,打开时为绿色背景,基本class类为.mui-switch、.mui-switch-handle,DOM结构如下:
若希望开关默认为打开状态,只需要在.mui-switch节点上增加.mui-active类即可,如下:
若希...
分类:
其他好文 时间:
2016-07-13 16:46:22
阅读次数:
301
1、页面初始化
在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。如下为打印当前页面URL的示例:
mui.plusReady(function(){
console.log("当前页面URL:"+plus....
分类:
其他好文 时间:
2016-07-13 16:45:22
阅读次数:
303
1、事件绑定
除了可以使用addEventListener()方法监听某个特定元素上的事件外, 也可以使用.on()方法实现批量元素的事件绑定。
.on( event , selector , handler )
event:Type: String,需监听的事件名称,例如:'tap'
selector:Type: String,选择器
handler:Ty...
分类:
其他好文 时间:
2016-07-13 16:44:21
阅读次数:
39454
1、checkbox(复选框)
checkbox常用于多选的情况,比如批量删除、添加群聊等;
DOM结构
checkbox示例
默认checkbox在右侧显示,若希望在左侧显示,只需增加.mui-left类即可,如下:
checkbox左侧显示示例
若要禁用checkbox,只需在checkbox上增加disabled属性即可;
代码块激活字符: m...
分类:
其他好文 时间:
2016-07-13 16:42:41
阅读次数:
419