jquery移动多页内部超链接

时间:2016-06-30 13:10:40

标签: jquery-mobile hyperlink internal multipage

这看起来非常基本,但我无法弄清楚。

使用jqm多页面模板,我尝试允许用户从一个页面(id =' page1')直接跳转到另一个页面中的图像(id =&#39 ;第2页'。)

FIDDLE

似乎我受到html超链接规则和jqm的约束:

<a href='#page2'>go to image on p2</a>

...当然会将用户跳到第2页的顶部。

但那不是我想要的。我希望用户直接跳转到靠近page2底部的IMAGE,标记如下:

<img id='image-id'>

但是用图片的ID标识链接(不是网页的ID),即标记为

<a href='#image-id'>go to image on p2</a>

不起作用。

我感觉我错过了一些非常明显的东西,但无法弄清楚。

有什么建议吗?或者这不可能吗?

1 个答案:

答案 0 :(得分:0)

我有一个不同的问题,但在我的旅行中发现了这个问题......我想在jquery手机页面添加一个摘录:

http://demos.jquerymobile.com/1.4.5/navigation-linking-pages/

  

注意:您无法链接到激活Ajax导航的多页文档,因为框架只会加载它找到的第一个页面,而不是整个内部页面集。在这些情况下,您必须在没有Ajax的情况下进行链接(请参阅下一节)以进行整页刷新以防止潜在的哈希冲突。目前有subpage plugin可以加载多页文档。