javascript - 移动网站 anchor 链接不起作用

Question

<分区>

Answer 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 :

To enable animated page transitions, all links that point to an external page (ex. products.html) will be loaded via AJAX. To do this unobtrusively, the framework parses the link's href to formulate an AJAX request (Hijax) and displays the loading spinner. All this is done automatically by jQuery Mobile.

If the AJAX request is successful, the new page content is added to the DOM, all mobile widgets are auto-initialized, then the new page is animated into view with a page transition.

If the AJAX request fails, the framework will display a small error message overlay (styled in the "e" swatch) that disappears after a brief time so this doesn't break the navigation flow. View an example of the error message.

---

问题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 :

Note: You cannot link to a multipage document with AJAX navigation active because the framework will only load the first page it finds, not the full set of internal pages. In these cases, you must link without AJAX (see next section) for a full page refresh to prevent potential hash collisions. There is currently a subpage plugin that makes it possible to load in multi-page documents.

我的猜测是包含 <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>所有文件的链接