PhoneGap中文网

标题: jquery mobile页眉问题 [打印本页]

作者: U_can 时间: 2014-10-15 16:55
标题: jquery mobile页眉问题
我想在页眉处做出这种效果，就是左边放公司的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弹出框里面的字体却不显示我设置的，应该怎么弄呢？

作者: admin 时间: 2014-10-17 21:04
1.你的第一个问题左侧logo 右侧弹出按钮

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

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

作者: U_can 时间: 2014-10-20 16:26
嗯，非常感谢，我知道怎么弄了。

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