リンクのクリック時にトランジション効果のあるページを読み込もうとしています。jQuery Mobileを使用しました。以下は私のコードです。
<a href="index.html" data-transition="slide">Transition</a>
トランジションリンクをクリックすると、index.htmlページが読み込まれ、トランジション効果が表示されます。
以下は、ロードしようとしているindex.htmlの出力です。
しかし問題は、トランジションリンクをクリックすると、インデックス ページが期待どおりに読み込まれないことです。読み込まれたページは次のようになります。
何が起こっているのかfirebugを調べたところ、完全なページをロードする代わりに、リンクされたページ（つまりindex.html）の出力を最初のページに入れ、最初のページのcssをそれに適用していることがわかりました。
呼び出し元のページ リンクに埋め込まないように、すべての css を使用して適切にインデックス ページを読み込むようにトランジションします。
これを達成する方法を教えてください。