在IOS SDK8中,标题内容在Jquery移动设备中重叠

时间:2015-08-05 04:33:08

标签: jquery ios iphone cordova jquery-mobile

将我的应用更新到 IOS SDK 8 中的当前手机间隙版本后,我发现标题和控制组之间的标题中存在重叠,该控件组内部有两个按钮,我尝试使用 data-mini =“true”来减少按钮的大小,但它不起作用或至少看起来像。

您可以在此处查看问题:http://i.stack.imgur.com/gOtH7.png

守则:

<div id="leyes-categoria-lv1-header" data-theme="a" data-role="header" data-position="fixed">
            <h3 class="titulo"></h3>
            <div data-type="horizontal" data-role="controlgroup" class="ui-btn-left ios-nav"> 
                <a data-role="button" data-icon="arrow-l" data-iconpos="notext" onclick="onBackKeyDown()">Volver</a>
                <a data-role="button" href="#leyes-inicio" data-icon="home" data-iconpos="notext">leyes-inicio</a>
</div>
</div>

使用的东西:

  • MAC OS Yosenite
  • IOS SDK 8
  • jquery.mobile-1.3.2
  • phonegap 5.1.1(目前最新版本)

我如何避免这种行为?因为这只发生在我的应用程序的IOS版本而不是Android。

1 个答案:

答案 0 :(得分:0)

在对我的html代码进行测试之后,我发现了一些奇怪的css规则(当你在其他程序员完成的工作时会发生这种情况:P)只会影响我之前的IOS版本手机版的手机版没有发生(我不知道为什么)。

我的解决方案

调整margin-left并设置text-overflow:省略号;