ratchet-2 - data-transition と push.js を使用すると nav-bar 要素が消える

Question

Ratchet を使用して、モバイル アプリのプロトタイプを作成しています。私は

<nav class="bar bar-tab bar-footer">
...
</nav> 

ページ A とページ B の要素。

ページ A からページ B へのデータ遷移 (push.js を使用) を使用すると、要素が消えます。

もう一つの要素

<header class="bar bar-nav">
...
</header>

ページAとBの両方に表示されています。

Answer 1

を持っていましたか

<nav class="bar bar-tab bar-footer">
...
</nav> 

の

<div class="content">

ブロック？

この構造を使用してみてください：

<header class="bar bar-nav">
...
</header>
<div class="content">
...
</div>
<nav class="bar bar-tab">
...
</nav>

Answer 2

ラチェット v2.0.2 でも同様の問題がありました。

私の場合: A と B の 2 つのページ。A から B に移行すると、フッターが表示されません。B を更新すると、フッターが表示されます。ページ A にはバーフッターがありませんでしたが、ページ B にはありました。

ドキュメントを読んで、元のページでのバーの存在に基づいてバーが更新されるというステートメントを見つけました。

したがって、回避策: push.js で遷移が行われるときに、すべてのページにバー ブロックがあることを確認してください。