PhoneGap中文网

标题: jquery mobile不同按钮调用相同左侧面抽屉式导航方法 [打印本页]

作者: xpoqx 时间: 2014-6-3 22:18
标题: jquery mobile不同按钮调用相同左侧面抽屉式导航方法
本帖最后由 xpoqx 于 2014-6-3 22:20 编辑

在相同页面里
<div data-role="page" id="pagea" >
<a href="#menu" data-role="button" data-iconpos="notext" data-icon="bars" class="head-panels" data-ajax="false"></a>
</div>
<div data-role="page" id="pageb" >
<a href="#menu" data-role="button" data-iconpos="notext" data-icon="bars" class="head-panels" data-ajax="false"></a>
</div>

===== 以上两个按钮点击触发的都是相同的导航data-role="panel" =====
<div data-role="panel" id="menu"  data-position="left" data-display="push"  data-position-fixed="true" class="pan-cen">
<ul data-role="listview" data-theme="d" data-divider-theme="d" data-icon="false" data-global-nav="demos" class="jqm-list">
   <h3>用户信息</h3>
   <li><a href="">登录会员</a></li>
</ul>
  </div>
急求方法========！！

作者: xpoqx 时间: 2014-6-4 08:19
在线等！！！！

作者: admin 时间: 2014-6-4 09:16
看看第九讲 http://bbs.phonegap100.com/thread-161-1-1.html

其实我还没有明白你什么意思

作者: xpoqx 时间: 2014-6-4 09:26
本帖最后由 xpoqx 于 2014-6-4 09:28 编辑

admin 发表于 2014-6-4 09:16
看看第九讲 http://bbs.phonegap100.com/thread-161-1-1.html

其实我还没有明白你什么意思 ...

<div data-role="page" id="pagea" >
<a href="#menu">我的信息</a>
</div>
<div data-role="page" id="pageb" >
<a href="#menu">我的信息</a>
</div>
这两个a 都调用
<div data-role="panel" id="menu">
</div>

http://mmenu.frebsite.nl/

就是这个例子

作者: gundumw100 时间: 2014-6-4 20:52
需要在每个page里面都写一个panel

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)