jquery-mobile - 同じページにないアンカー リンクを表す場合、JQuery モバイルでそのリンクにリダイレクトする方法は?

Question

同じページ内または html ページの外部にあるページにリンクするには、リンクに基づいて特定のリンクにリダイレクトされる場合があります<a>。

html のコードは次のとおりです。

<div data-role="page" id="main">
   <a href="pop.html" data-transition="slide">page1</a>
   <a href="#page2" data-transition="slide">page2</a>
</div>
<div data-role="page" id="page2">
  this is page2
</div>

ここで、ページ 1 をクリックすると、読み込みエラー ページとして表示されている外部 html ファイルです。

一方、page2 は同じページにあるため、そこにリダイレクトされます。外部のhtmlをリンクする方法について提案してください。

Answer 1

JQM ドキュメントから:

Ajax を使用しないリンク

他のドメインを指すリンク、または rel="external"、data-ajax="false" または target 属性を持つリンクは、Ajax では読み込まれません。代わりに、これらのリンクによってページ全体が更新され、遷移のアニメーションは表示されません。両方の属性 (rel="external" と data-ajax="false") の効果は同じですが、セマンティックな意味が異なります。別のサイトまたはドメインにリンクする場合は rel="external" を使用し、data-ajax=" を使用する必要があります。 false" は、ドメイン内のページが Ajax 経由で読み込まれないように単純に選択する場合に便利です。セキュリティ上の制限により、フレームワークは常に Ajax の動作から外部ドメインへのリンクを選択します。