PhoneGap中文网

 找回密码
 立即注册
查看: 12342|回复: 2
打印 上一主题 下一主题

jquery mobile页眉问题

[复制链接]

9

主题

23

帖子

94

积分

注册会员

Rank: 2

积分
94
跳转到指定楼层
楼主
发表于 2014-10-15 16:55:06 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
我想在页眉处做出这种效果,就是左边放公司的logo,右边放导航菜单(点击图标则会弹出菜单选项,我用data-role=popup 弄的。)
我是这样写的:
<div data-role="page" id="home">
                    <div data-role="header"  data-theme="f" >
                           <a href="#home">                 
                                 <img src="img/logo.jpg"  alt="  />
                           </a
                           <a href="#menu" data-rel="popup"  data-theme="f" class="ui-btn-right" >
                                  <img src="img/icons-nav.gif" alt="">
                           </a>

                      <div data-role="popup" id="menu">
                         <ul data-role="listview" data-theme="f" data-inset="true">
                              <li><a href="#home">首页</a></li>
                               <li><a href="#services">产品与服务</a></li>
                               <li><a href="#weChat">微信营销</a></li>
                               <li><a href="#Appdevelop">APP开发</a></li>
                              <li><a href="#case">案例</a></li>
                              <li><a href="#solvecase">解决方案</a></li>
                             <li><a href="#news">产业资讯</a></li>
                             <li><a href="#about">关于我们</a></li>
                              <li><a href="#contact">联系我们</a></li>
                        </ul>
           </div>
           <div data-role="content"></div>
           <div data-role="footer"></div>
  </div>

运行不出我的效果,还有就是我使用的是图片,不是图标。噢,还有个问题就是我自己自定义了f主题,可是popup弹出框里面的字体却不显示我设置的,应该怎么弄呢?
回复

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2014-10-17 21:04:13 | 只看该作者
1.你的第一个问题  左侧logo  右侧弹出按钮

只需按照网页布局先对 logo 和右侧按钮布局,然后点击右侧做弹出操作

2.你说的没有应用你的样式 你可以调试工具调一下,然后看看那里引起的,然后改改对于的css
回复 支持 反对

使用道具 举报

9

主题

23

帖子

94

积分

注册会员

Rank: 2

积分
94
板凳
 楼主| 发表于 2014-10-20 16:26:50 | 只看该作者
嗯,非常感谢,我知道怎么弄了。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-23 16:33 , Processed in 0.044801 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表