jQueryMobile学习笔记二

data-role="collapsible" 表示可折叠内容,同时可以嵌套可折叠内容

<div data-role="content">

<div data-role="collapsible">
<h2>History</h2>
<div data-role="collapsible">
<h2>History of Rome</h2>
<p>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</p>
</div>
<div data-role="collapsible" data-collapsed="true">
<h2>BBBBB</h2>
<p>BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</p>

</div>
</div>

</div>

移动设备专有链接的行为

<div data-role="content"> 
  <p>点击下面的按钮测试移动设备专有链接的行为。</p>
        <p><a href="tel:[phone]" data-role="button">呼叫白宫</a></p> 
        <p><a href="sms:[phone]" data-role="button">给白宫发短消息</a></p>
        <p><a href="sms:[phone]?body=Hello!" data-role="button">带正文的短消息</a></p>
        <p><a href="mailto:[e-mail]?subject=Sent%20from%20the%20web" data-role="button">给我发邮件</a></p>
       <p><a href="skype:maximiliano.firstman?call" data-role="button">用Skype联系我</a></p>  
       <p><a href="facetime:[phone]" data-role="button">用Facetime呼叫我们</a></p>
 </div>