0

我的jQuery Mobile 1.3.0应用程序在 Safari Mobile 中完美运行。但是，当它通过 iOS 6 上的主屏幕作为 web 应用程序运行时，我得到了一个烦人的透明标题，而不是我要求的数据主题 b：

<div data-role="page" id="test" data-add-back-btn="false">

        <div class="app-logo">
        <a data-direction="reverse" href="#index"><img src="/img/logo.png" /></a>
    </div>
    <div data-role="header" data-theme="b">
        <a data-rel="back" data-direction="reverse" class="ui-btn-left" data-icon="arrow-l">Back</a>
        <h1>Test</h1>
        <a href="#index" data-icon="home" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
    </div>

    <div data-role="content" data-theme="c">
    <ul id="test-menu" data-role="listview" data-inset="false" data-filter="false">
        <li><a href="#test1">Test 1</a></li><li><a href="#test2">Test 2</a></li>    </ul>
    </div>

        <div data-role="footer" data-theme="b" class="ui-bar">
        <div style="text-align: center;">
        <a href="http://google.ca" data-role="button" data-icon="grid">Full Site</a>
        </div>
    </div>
</div>

我附上了两个屏幕截图。一个应用程序通过主屏幕作为 web 应用程序运行，但显示不正确，一个在 Safari Mobile 中运行，显示正确，因此您可以看到行为。请注意，为了匿名，我已将实际文本涂白。有没有人遇到过这样的事情？这是一个主要的烦恼。

同样，这是 JQuery Mobile 1.3.0。在早期版本中没有出现。

作为 web 应用程序运行

在 Safari 中运行

4

0 回答 0