【问题标题】:No links work, page anchors or external, and I get no errors in Firebug没有链接工作,页面锚点或外部链接,我在 Firebug 中没有错误
【发布时间】:2014-11-22 19:02:00
【问题描述】:

如果这是小学的东西,我很抱歉,但我对此很陌生。我正在尝试制作一个响应式网站并使用jquery mobile,我终于得到了一页在桌面和移动设备上看起来不错,但没有一个链接工作(页面锚点或外部链接)。我已经搜索了有关此的各种内容,并且之前从未发布过问题,但我已经找不到要搜索的内容了。

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

任何人都可以看到链接有什么问题吗?附:我对javascript一无所知,并且不希望不得不求助于它。以前html中的链接很简单,怎么回事?

编辑:好的,现在这很奇怪......我更正了外部链接,现在 URL 发生了变化,但新页面在 Firefox 和 Safari 中加载到当前页面下方,但在我的 iPhone 上可以正常工作。

【问题讨论】:

  • Firebug 控制台清楚地显示它找不到资源。比如,我点击了 Graphics Art School,它抛出了 404 错误。
  • 哦,是的,你完全正确,外部链接还没有链接到任何东西。这是我现在非常关心的页面锚点......我不明白为什么我的萤火虫不会告诉我任何事情。
  • 您想滚动到 id 为 href="#top" 的 div 吗?
  • 是的!就是这个想法……

标签: jquery-mobile responsive-design


【解决方案1】:

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

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

【讨论】:

  • 谢谢!我认为你是对的,所以我决定取消 jQuery 移动位,这样就不会再成为问题了。
  • @octopusblonde JQM 通过 ajax 加载页面,所以只要启用,#top 表示 ID 为 top 的页面。禁用该锚点的 ajax 会阻止 JQM 将哈希作为页面处理。
【解决方案2】:

我发现的一个问题是在您的标题中。 Chrome 在解析带有 name="viewport" 的元标记时出错

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

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

不知道这是否会修复损坏的链接。看到片段标识符不起作用真的很奇怪。当您单击其中一个菜单项时,URL 根本不会改变。您是否有某种事件侦听器会阻止链接上的默认设置?

【讨论】:

  • 好的,我复制粘贴了他们在 HTML5 样板中的方式,用逗号....没有变化。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-05-18
  • 2022-08-09
  • 1970-01-01
  • 2011-12-20
  • 1970-01-01
  • 2014-10-10
相关资源
最近更新 更多