HTML5&CSS3-充实笔记0515

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

列表

<ol data-role="listview">
        <li><a ...</a></li>
</ol>
data-inset属性："true"，则会是圆角，不与屏幕同宽
可以加入图片和说明，在<li>中，添加<img>和<p>
可以拆分按钮列表（split button list），可在前面的内容后面，加入<a href="#taking" data-icon="gear"></a>

计数泡泡（count bubble）
<span class="ui-li-count">12</span>

网页导航与布景主题

只要在链接元素中加入下面任意一个属性，都可以停用Ajax：
rel="external"   或 data-ajax="false"


<a data-rel="back">回上页</a>   

data-rel="dialog" 表示弹出新窗口链接网页

ThemeRoller快速应用布景主题  http://jquerymobile.com/themeroller
记住：要将themes文件夹复制到网页所在的文件夹

themes文件夹中包含要引用的mytheme.min.css文件，以及未压缩的mytheme.css文件
以后想要再次修改这个CSS文件，只要回到ThemeRoller网站，import按钮，粘贴mytheme.css文件的内容，就可以了。

做好的样式，只要使用data-theme="a"即可：
<div data-role="page" data-title="课程" id="first" data-theme="a">
.......
</div>
若还有其他主题b、c，也可以替换

ch12. jQuery Mobile事件

页面事件

初始化事件（Page Initialization）
外部页面加载事件（Page Load）
页面切换事件（page Transition）

操作方法：   (document).on(事件名称,选择器，事件处理函数）;(document).on(事件名称,选择器，事件处理函数）;(document).on("mobileinit", function(){
    // sentences
});

$("#btn_on").on('click', function(){
         alert("你单击了")
});
on()方法和one()方法的区别，one方法只能执行一次。

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：HTML5 HTML htm

坚持得好！
为君点赞

为您点赞！

来拜读过，学到很多，赞！

点赞

data-inset属性："true"，则会是圆角，不与屏幕同宽
可以加入图片和说明，在<li>中，添加<img>和<p>
可以拆分按钮列表（split button list），可在前面的内容后面，加入<a href="#taking" data-icon="gear"></a>

网页导航与布景主题
只要在链接元素中加入下面任意一个属性，都可以停用Ajax：
rel="external"   或 data-ajax="false"