如何使用HTML5，JQuery mobile中的链接在同一页面内部导航..？

我有一个场景，其中我尝试使用链接在我的Android应用程序页面中导航。 我正在使用HTML5与Phonegap和JQuery Mobile。

对于前者，我有：

 Header2  

当我给，

  Navigate to Header2  

为了导航到同一页面中的标题部分，我无法这样做。 有人可以为这个问题提供一些解决方案..？

作为@Adleer给出的解决方案的一部分，尝试使用同一HTML文档的多个部分。 以下是供参考的示例代码：

  
 
 
Common diphthongs
 
 
 
 
 Test 
 
 item2 
 
 
 
 
 
 
 Link to Diphthongs  
 
 Link to page3  
  
 
  

以上代码仅供参考其中一个提供的解决方案。

Answer 1

在你添加的最后一个jsfiddle中，你在选择器和HTML属性中有一些错误。 您可以使用带有唯一标识符的id attribue，使用选择器$('#Anyname') – 区分大小写（大写字母/小写字母） – 来访问该元素的属性。

或者，使用带有unqiue标识符的name属性，以及选择器$('[name=Somename]') – 区分大小写（大写字母/小写字母） – 来访问该元素的属性。

要向下滚动到任何元素，jQuery Mobile有自己的滚动函数.silentScroll() 。 请注意， $.mobile.silentScroll()没有动画，与.animate({ scrollTop: value }, animation-speed) 。

演示

 $('selector').on('click', function () { var position = $.mobile.activePage.find('#vowels2').get(0).offsetTop; $.mobile.silentScroll(position); }); 

其中.get(0).offsetTop是目标元素的y轴位置值， $.mobile.activePage是活动/当前页面/视口。

Answer 2

你想引用一个id，你可以使用段落，跨度或div。

 Header2 

然后，您可以按预期导航到它：

 Navigate to Header2 

另外，你的方式

 
		      	
 你想引用一个id，你可以使用段落，跨度或div。 
 Header2 
 然后，您可以按预期导航到它： 
 Navigate to Header2 
 当你设置data-ajax假它工作:)只是尝试…