私は jQuery Mobile を使用しており、ページごとに個別の html ファイルにリンクしています。これを行うと、ページを変更するときにトランジションが機能しなくなります。たとえば、フリップは機能しません。
<a href="link-here.html" rel="external" class="sb small Grid ui-link" data-transition="flip"></a>
ページがすべて別の html ファイルにある場合、ページ間でトランジションを機能させるにはどうすればよいですか?
ありがとう
あなたの問題はrel="external"です。遷移効果なしでページ全体が読み込まれます。ドメイン外のページを開いていない場合は、それを使用しないでください。data-ajax="false"で ajax をオフにすると、同じことが起こります。
他のドメインを指すリンク、または rel="external"、data-ajax="false" または target 属性を持つリンクは、Ajax では読み込まれません。代わりに、これらのリンクによってページ全体が更新され、遷移のアニメーションは表示されません。両方の属性 (rel="external" および data-ajax="false") は同じ効果がありますが、セマンティックな意味が異なります。別のサイトまたはドメインにリンクする場合は、rel="external" を使用し、data-ajax=" を使用する必要があります。 false" は、ドメイン内のページが Ajax 経由で読み込まれないように単純に選択する場合に便利です。セキュリティ上の制限により、フレームワークは常に Ajax の動作から外部ドメインへのリンクを選択します。
詳細については、http: //jquerymobile.com/test/docs/pages/page-links.htmlを参照してください。
これで問題が解決すると思います：
<a href="link-here.html" data-rel="dialog" class="sb small Grid ui-link" data-transition="flip"></a>