随笔分类 -  jqueryMobile

去掉type=date的input框
摘要：<form> <div class="my-label"> <label for="data">出发日期</label> </div> <div class="my-control"> <input type="date" data-role="none" value="2017-04-21" /> 阅读全文
posted @ 2017-04-21 17:07 yaomengli 阅读(1171) 评论(0) 推荐(0)
jqueryMobile 事件
摘要：页面加载完成事件 $(document).on("pageinit","#page",function(){ console.log("页面加载完成") }) document.on("pageinit","#page2",function(){console.log("页面加载完成")}) .on 阅读全文
posted @ 2017-04-20 15:14 yaomengli 阅读(202) 评论(0) 推荐(0)
jquery-mobile表单 表单媒体查询
摘要：button提交的时候如果页面抖的话 就把高度写死 把input默认的样式去掉 在input标签上添加 data-role="none" 表单媒体查询 .my-control,.my-label{ display: inline-block !important;} .my-label{ color 阅读全文
posted @ 2017-04-20 14:06 yaomengli 阅读(362) 评论(0) 推荐(0)
表单 label媒体查询
摘要： 阅读全文
posted @ 2017-04-18 17:15 yaomengli 阅读(132) 评论(0) 推荐(0)
添加图标
摘要：<div data-role="header" data-positon="fixed" data-theme="b"> <button data-icon="home">首页</button> <h3 >欢迎来到王者荣耀</h3></li> <a href="#link" data-role="b 阅读全文
posted @ 2017-04-18 14:46 yaomengli 阅读(238) 评论(0) 推荐(0)
jqueryMobile导航
摘要：导航条 固定底部导航 <div data-role="footer" class="top" data-theme="b" data-position="fixed"> <div data-role="navbar" > <ul> <li><a href="#a">车票预定</a></li> <li 阅读全文
posted @ 2017-04-18 14:28 yaomengli 阅读(239) 评论(0) 推荐(0)
jqueryMobile列表
摘要：如需为列表添加圆角和外边距，请使用 data-inset="true" 属性： 实例 列表分隔符 列表分隔符（List Dividers）用于把项目组织和组合为分类/节。 如需规定列表分隔符，请向 <li> 元素添加 data-role="list-divider" 属性： <div data-ro 阅读全文
posted @ 2017-04-18 14:24 yaomengli 阅读(329) 评论(0) 推荐(0)
jqueryMobile
摘要：页面结构 data-role="page"代表一个页面 data-role="header"代表一个页面标题和搜索按钮 data-role="page" 是显示在浏览器中的页面 data-role="header" 创建页面上方的工具栏（常用于标题和搜索按钮） data-role="content" 阅读全文
posted @ 2017-04-17 15:01 yaomengli 阅读(182) 评论(0) 推荐(0)