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> <a href="/ThePage/25/#3" data-transition="slidedown">Click Here 3</a>

如何制作#使用ajax导航的链接？

编辑：包含这些链接的页面包含指向不同文章的链接。 /ThePage/25包含该文章的全文。我希望每个链接都转到/ThePage/25内的某个地方。所以我使用了#。（#3表示页面中的第三篇文章）...你知道更好的方法吗？

编辑2：我只是想加载/显示一个页面然后在其中跳转...

编辑3：我在该页面内的跳转不是一个简单的跳跃。这是一个自定义处理跳转hashchange事件。但如果还有其他方法，我可以改变那个页面......

Answer 1

添加rel =＆＃34;外部＆＃34;任何有＃锚的链接，你不想通过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;
    });

jQuery Mobile锚链接到其他页面不起作用

2 个答案: