【问题标题】:positioning issue on iOSiOS 定位问题
【发布时间】:2013-02-11 05:28:59
【问题描述】:

我正在为我的 iOS 应用程序使用 jquery mobile-1.2.0 和 cordova-2.1.0。在 iOS 模拟器上一切正常,但如果我在 iPhone 上运行应用程序,那么当我转到特定页面时,标题下方的内容会出现,然后设置为其定义的位置。为什么会这样?

从 login.htm 页面我使用$.mobile.changePage('menu.htm', {transition: "slide"}); 转到 menu.htm,下面是 menu.htm:

<div data-role="content">    
    <ul data-role="listview" id="mainMenu">        
        <li style="height:50px">            
            <a href="LeadScreens/leadHome.htm" data-transition="slide" id="leadsLink">                
                <img src="images/leads.png" alt="leads" class="ui-li-icon"/>
                Leads                
            </a>            
        </li>        
        <li style="height:50px">            
            <a href="abc.htm" data-transition="slide" id="activitiesLink">                
                <img src="images/activities.jpg" alt="activities" class="ui-li-icon"/>
                Activities                
            </a>            
        </li>        
    </ul>    
</div>

【问题讨论】:

  • 如果你能在这里发布一些代码会很好..
  • 从 login.htm 页面我使用 $.mobile.changePage('menu.htm', {transition: "slide"});以下是 menu.htm
  • 你给
    在 menu.htm 标记中?
  • 我在 menu.htm 中这样使用
  • 您希望它看起来如何,它实际上看起来如何?请说明区别。
  • 标签: ios html jquery-mobile cordova


    【解决方案1】:

    底部有一个额外的&lt;/div&gt;。这可能是问题所在。

    【讨论】:

    • @Justin 不,
      不是问题。实际上
      是页面 div。
  • jsfiddle.net/vXv4w/4 这是 login.htm 按钮单击后我指的是 jsfiddle.net/WNvB4/1 这是 menu.htm 使用幻灯片过渡。同时从 login.htm 滑动到 menu.htm 的一半列表项“菜单 1”位于“标题”下方,然后到达原始位置。
  • 这个问题是因为header的高度。我已经固定了header的高度,如果我去掉固定的高度就不会出现这个问题但是我想增加header的高度怎么办?跨度>
  • 猜你喜欢
    • 1970-01-01
    • 2017-12-03
    • 2013-02-24
    • 1970-01-01
    • 1970-01-01
    • 2013-11-08
    • 1970-01-01
    • 1970-01-01
    • 2014-12-19
    相关资源
    最近更新 更多