指向其他頁面的jQuery Mobile錨鏈接不起作用

Question

我正在創建一個jQuery Mobile Web應用程序。

此鏈接正常工作：

<a href="/ThePage/25" data-transition="slidedown">Click Here 1</a><!--This is working-->

但是，這些具有錨點的鏈接不起作用：

<a href="/ThePage/25#3" data-transition="slidedown">Click Here 2</a><!--This is not working-->
<a href="/ThePage/25/#3" data-transition="slidedown">Click Here 3</a><!--This is not working-->

如何使具有#鏈接與Ajax導航一起使用？

編輯：該頁面包含這些鏈接，其中包含一些指向不同文章的鏈接。 並且/ThePage/25包含該文章的全文。 我希望每個鏈接都轉到/ThePage/25內的某個位置。 所以我用# 。 （ #3表示頁面中的第三篇文章）...您知道更好的方法嗎？

編輯2：我只是試圖加載/顯示一個頁面，然后在其中跳轉...

編輯3：我在該頁面內的跳轉不是簡單的跳轉。 這是一個自定義處理的帶有hashchange事件的跳轉。 但是，如果還有其他方法，我可以更改該頁面...

Answer 1

將rel =“ external”添加到具有錨點＃的鏈接，而您不想通過ajax加載。

新鏈接為：

<a href="/ThePage/25#3" rel="external" data-transition="slidedown">Click Here 2</a><!--This is not working-->
<a href="/ThePage/25/#3" rel="external" data-transition="slidedown">Click Here 3</a>

有關更多詳細信息，請參見http://jquerymobile.com/demos/1.1.1/docs/pages/page-links.html 。

Answer 2

您可以嘗試從JS這樣使用此代碼，但#標簽有問題：

<a class='homeSet'>Home</a>

....

 $('body').on('click', '.homeSet', function(ev) {
    $.mobile.changePage('/home.html#myhome', {
        transition : "slide"
    });
    return false;
    });