Javascript 指向其他页面的jQuery移动锚链接不起作用
我正在创建一个jQuery移动web应用程序 此链接正常工作:Javascript 指向其他页面的jQuery移动锚链接不起作用,javascript,jquery,jquery-mobile,hyperlink,anchor,Javascript,Jquery,Jquery Mobile,Hyperlink,Anchor,我正在创建一个jQuery移动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
<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导航一起工作
编辑:包含这些链接的页面包含指向不同文章的一些链接。而/page/25
包含该文章的全文。我希望每个链接都指向/ThePage/25
中的某个地方。所以我用了#
。(#3
表示页面中的第三篇文章)。。。你知道更好的方法吗
编辑2:我只是想加载/显示一个页面,然后在其中跳转
编辑3:我在该页面内的跳转不是简单的跳转。这是一个使用hashchange
事件自定义处理的跳转。但是如果有其他方法,我可以更改该页面…将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>
有关更多详细信息,请参阅。您可以像这样从JS尝试使用它,我对
#
标记有问题:
<a class='homeSet'>Home</a>
抱歉,我以为你的意思是在站点的其余部分使用ajax导航如果你是通过ajax加载,那么锚的作用是什么?你试图加载一个页面,然后跳转到其中?是的。这正是我想要做的。有人知道了吗?为什么不使用javascript呢?我觉得这是一个更好更干净的方法。。我对
#
标记有问题。@SJGJ我不知道如何使用javascript实现它。你能举个例子吗?这忽略了散列。(它只是去/home.html
..)你的home.html
中有
吗?没有,正如我在问题中所说的,我不希望在html中默认跳转。我在home.html
中创建了一个hashchange
事件,我在其中做了一些事情。。。
$('body').on('click', '.homeSet', function(ev) {
$.mobile.changePage('/home.html#myhome', {
transition : "slide"
});
return false;
});