【问题标题】:Mobile Website Anchor Links Not Working [closed]移动网站锚链接不起作用[关闭]
【发布时间】:2015-08-08 16:11:17
【问题描述】:

我的移动网站的某些页面上的锚链接存在问题(索引页面工作正常),我做了一些临时工作的更改(将 'http://example.com' 更改为 'http : // www.example.com' ),但在 30 分钟内链接不再工作。我已经和非常(不)有用的 Godaddy 谈过了,他们似乎无法帮助我,因为他们不处理“编码”问题......在这件事上任何帮助都将不胜感激。网址:http://www.removalcompare.com/mobile/site/test/index.html(导航在页脚,索引有效,但大多数其他页面无效)。

【问题讨论】:

    标签: javascript jquery html css jquery-mobile


    【解决方案1】:

    Here is a working fix

    You can download the edited files here

    问题 1

    我看到您使用 WinHTTrack 复制网站。不幸的是,该软件对网站的链接造成了一些混乱。如果您查看您的控制台,我们会看到一些正在显示的错误。

    具体来说,WinHTTrack 将所有无架构 url (//code.jquery.com/jquery-1.8.1.min.js) 转换为您需要更正的相对 url (../../code.jquery.com/jquery-1.8.1.min.js)

    我只想让他们https://code.jquery.com/jquery-1.8.1.min.js


    解决所有这些问题,当您单击任何链接时,您将开始看到错误消息“页面加载错误”。所以,我们还没有完成。

    我们来看看how links work in jQuery Moblie

    要启用动画页面转换,所有指向外部页面(例如 products.html)的链接都将通过 AJAX 加载。为了不引人注意地做到这一点,框架解析链接的 href 以制定 AJAX 请求 (Hijax) 并显示加载微调器。这一切都是由 jQuery Mobile 自动完成的。

    如果 AJAX 请求成功,则将新页面内容添加到 DOM,自动初始化所​​有移动小部件,然后通过页面转换将新页面动画化到视图中。

    如果 AJAX 请求失败,框架将显示一个小的错误消息叠加层(样式为“e”样本),该叠加层会在短时间内消失,因此不会中断导航流程。查看错误消息示例。


    问题 2

    此外,WinHTTrack 无法在您从中复制站点的服务器上找到文件 js/calc.js。默认情况下,当发生这种情况时,WinHTTrack 会生成一个 html 页面作为丢失文件的占位符并改为链接到它

    因此,在这种情况下,WinHTTrack 将 <script src="js/calc.js"></script> 变成了 <script src="js/calc.html"></script>,这也会导致问题。

    回首how links work in jQuery Moblie

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

    我的猜测是,包含<script src="js/calc.html"></script> 会使页面成为所有“多页文档”,这会在您单击任何链接时导致 ajax 请求失败。我可能对为什么会发生这种情况的细节有误,但是,解决这个问题可以使您的链接正常工作。

    要解决此问题:

    • 如果您需要js/calc.js,请找到它的副本并将其添加到您的文件夹中,然后将所有链接更改为<script src="js/calc.js"></script>

    • 如果您不需要js/calc.js,只需删除所有文件中的所有<script src="js/calc.html"></script> 链接

    【讨论】:

      【解决方案2】:

      我通过添加 onclick 事件找到了解决方案:onClick="document.location.href='site.com'"

      再次发布,以防你陷入这种困境:)

      【讨论】:

      • 这根本不能解决您文件中的问题。
      猜你喜欢
      • 2011-06-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-03-02
      • 2015-12-22
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多