如果这是小学的话我很抱歉,但我对此很陌生。我正在尝试创建一个响应式网站并使用jquery mobile,我终于在桌面和移动设备上看到了一个页面,但没有一个链接工作(页面锚点或外部链接)。我已经搜索了各种各样的事情,之前从未发过一个问题,但我已经没有东西可以搜索了。
该页面位于:http://www.piasc.org/raise/jQ/competitions.html
任何人都可以看到这些链接有什么问题吗?附:我对javascript一无所知,宁愿不必诉诸于此。链接过去在html中很简单,发生了什么?
编辑:好的,现在这很奇怪......我更正了外部链接,现在网址发生了变化,但是新页面加载的功能低于Firefox和Safari中的当前链接,但在我的iPhone上工作正常。
答案 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根本不会更改。你有一些排序事件监听器会阻止链接上的默认吗?