4

Jquerymobileの永続的なナビゲーションバーに問題があります。私は、phonegapを使用してiOSとAndroidにデプロイするモバイルアプリを開発しています。あるページから別のページに移動するためのナビゲーションバーがあります。（フッター/ナビゲーションバーが修正されました）。

例： http： //jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html

ナビゲーションは機能し、クロムやサファリなどのブラウザでレンダリングされたときにバーが持続します。しかし、アプリをAndroidエミュレーターまたはiOSエミュレーターにアップロードすると、ナビゲーションバーからリンクをクリックすると、画面全体が1秒間白くなり、その後再び表示されます。（ちらつきの種類）

誰かがこれを手伝ってくれる？

フッターのコードは次のとおりです：（a.html、b.html ...は私のページの名前です）

<div data-role="footer" data-id="foo1" data-position="fixed" data-tap-toggle="false">
    <div data-role="navbar">
        <ul>
            <li><a href="a.html" data-prefetch data-transition="slideup" class="ui-btn-active ui-state-persist" rel="external">Info</a></li>
            <li><a href="b.html" data-prefetch rel="external" >Friends</a></li>
            <li><a href="footer-persist-c.html" data-prefetch="true">Albums</a></li>
            <li><a href="footer-persist-d.html" data-prefetch="true">Emails</a></li>
        </ul>
    </div><!-- /navbar -->
</div><!-- /footer -->

ありがとうございました ！

4

3 に答える 3

5

私はそれを考え出した。それはあなたが言ったことと私が持っていたものの組み合わせです。

したがって、Android または iOS にアップロードするときに Jquery モバイル フッターがちらつかないようにするには、div で次のプロパティを設定する必要があります。

page1.html:

<div data-position="fixed" data-tap-toggle="false" data-role="footer" data-id="f1">
    <a href="page1.html">Page 1 NAV</a>
    <a href="page2.html">Page 2 NAV</a>
</div>

page2.html

<div data-position="fixed" data-tap-toggle="false" data-role="footer" data-id="f1">
    <a href="page1.html">Page 1 NAV</a>
    <a href="page2.html">Page 2 NAV</a>
</div>

data-id="f1" は両方のページで一致する必要があります。これにより、jquery モバイルは、これが前のページにあったフッターと同じであることを認識するため、再度レンダリングされません。

これについてサポートが必要な場合はお知らせください。よろしく、トニー

于 2013-01-12T05:36:53.060 に答える
1

ここでも同じ問題があります (Web で見つけた多くのものを試してみましたが、運がなかったので、3 時間以上修正しようとしていました)。

フッター全体を削除し、コンテンツ領域にボタンを追加すると、トランジションは突然魔法のように機能します. したがって、回避策の 1 つは、ページの下部に配置したコンテンツ領域からボタンを介してナビゲーション バーを偽造することです...あまりきれいではありません。

<div data-role="content">
<h1>
    Page Nav and Dialog Example
</h1>
<a data-role="button" href="index2.html">Page Navigation</a></div>

これをcustom-scripting.jsで使用しています：

$(document).bind("mobileinit", function(){
  $.mobile.defaultPageTransition = 'none';
  $.mobile.defaultDialogTransition = 'none';
  $.mobile.useFastClick = true;});

次の方法で参照します。

<script type="text/javascript" src="jquery-1.8.3.js"></script>
    <script src="custom-scripting.js"></script>
    <script type="text/javascript" src="jquery.mobile-1.2.0.js"></script>

たぶん、ちらつきなしでナビゲーションバーを使用するための解決策を他の誰かが見つけましたか?

于 2013-01-02T21:34:48.867 に答える
0

フッターでナビゲーションバーを使用しないと、ちらつきが止まります (iPhone4 iOS5 でテスト済み)。したがって、フッターを使用できますが、その中にナビゲーションバーを使用しないでください:-)

ただし、注意: data-position="fixed" を使用すると、再びちらつき始めます...

<div data-role="footer">
    <a data-role="button" href="#">Main</a>
    <a data-role="button" href="favorites.html">Favorites</a>
    <a data-role="button" href="more.html">More</a>
</div>

それが役に立てば幸い ：-）

于 2013-01-03T21:31:40.800 に答える