Question

我使用导航栏在cordova / phonegap上做了一个应用程序。我用css文件更改了导航栏。有了phonegap，你可以拥有一个导航栏和标题在彼此之上。我用css改了它。（WIDT 所以标题的前半部分是标题栏，后半部分是导航栏。

html：

<div data-role="header" data-theme="a" data-position="fixed!important" data-id="header">
    <div data-role="navbar">
    <h3 id="titlebar1"></h3>
        <ul>
            <li><a href="#page_home" data-transition="slide"><h3>Home</h3></a></li>
            <li><a href="#page_zoek_category" data-transition="slide" class="ui-btn-active ui-state-persist"><h3>Zoek</h3></a></li>
            <li><a href="#page_scan" data-transition="slide"><h3>Scan</h3></a></li>
        </ul>
    </div>
</div>

首先，我在phonegap 2.7.0中构建了这个应用程序，导航栏工作得很好在我的手机（星系S4）和平板电脑（galaxy tab 3 7 inc）上。

但我想实现我只能使用cordova 3.0及更高版本的新插件，所以我更新了我的软件。现在，该应用程序在我的手机上仍能正常运行，但在平板电脑上的nog。持久性导航栏保持闪烁（或重新加载）。

我之前问过这个问题，我已经阅读了答案，使用了!important 是的，我已经尝试过，而且它有效。当我使用data-position="fixed!important"时，标题不会闪烁，但它会弄乱应用程序。导航栏保持固定，但标题的其余部分，标题栏正在消失。

当我在桌面浏览器上测试应用程序时，它显示标题是正常的，但高度是0px。所以看起来它正在消失。

还有其他方法可以让我的标题持久化而不是!imortant吗？或者使用javascript

的另一种方式

Answer 1

在标题上尝试data-tap-toggle="false"，请参阅documentation

Example

持久导航栏正在闪烁

1 个答案: