没有链接工作,页面锚点或外部,我在Firebug中没有错误

时间:2014-11-22 19:02:00

标签: jquery-mobile responsive-design

如果这是小学的话我很抱歉,但我对此很陌生。我正在尝试创建一个响应式网站并使用jquery mobile,我终于在桌面和移动设备上看到了一个页面,但没有一个链接工作(页面锚点或外部链接)。我已经搜索了各种各样的事情,之前从未发过一个问题,但我已经没有东西可以搜索了。

该页面位于:http://www.piasc.org/raise/jQ/competitions.html

任何人都可以看到这些链接有什么问题吗?附:我对javascript一无所知,宁愿不必诉诸于此。链接过去在html中很简单,发生了什么?

编辑:好的,现在这很奇怪......我更正了外部链接,现在网址发生了变化,但是新页面加载的功能低于Firefox和Safari中的当前链接,但在我的iPhone上工作正常。

2 个答案:

答案 0 :(得分:1)

如果要在活动页面中滚动到目标div,则应将data-ajax="false"添加到锚点。这将告知jQuery Mobile框架您没有导航到哈希页面。

<a href="#top" data-ajax="false">TOP</a>

答案 1 :(得分:0)

我发现的一个问题是你的标题。 Chrome在使用name =“viewport”

解析元标记时出错

它抱怨“设备宽度;”键“宽度”无效 它还说使用逗号分隔键值对,而不是分号。

编辑:看起来你应该用逗号替换分号来解决该错误。键宽的设备宽度似乎没问题。资料来源:https://github.com/poole/hyde/issues/11

不知道是否会修复损坏的链接。看到片段标识符不起作用真的很奇怪。单击其中一个菜单项时,URL根本不会更改。你有一些排序事件监听器会阻止链接上的默认吗?