Question

我有几个运行Javascript和JQuery Mobile的HTML页面，我想从另一个HTML页面链接到它们。我的链接设置为：

<a href="hours.html">Hours</a>

并且链接页面和链接到的页面位于同一目录中。但是，当我通过此链接访问页面时，将加载JQuery Mobile主题，但任何其他CSS更改或任何Javascript代码都不会执行。我有几个方法设置为在启动时运行，但没有执行，甚至没有简单的警报。

当我尝试直接访问页面时，一切正常并且我的代码执行，但是当我尝试通过HTML链接访问它时，它都不起作用。有什么我忘了吗？

谢谢！

编辑：没有任何代码适用于我链接的任何链接。即使很简单：

$(document).ready(function(){
    alert("Hello world");
});

不起作用。我已将此添加到其他HTML页面中：

<head>
  <meta charset="utf-8">
  <title>Hours</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <link href="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.css" rel="stylesheet">
  <script type='text/javascript' src='https://cdn.firebase.com/v0/firebase.js'></script>

  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.1/jquery.mobile-1.4.1.min.js"></script>
  <script>
    $(document).ready(function(){
        alert("Hello world");
    });
  </script>
  <style type="text/css">
    * { 
        font-family: "Celeste Mobi Pro", Celeste, serif;
    }
  </style>
</head>

CSS字体更改和启动警报都不起作用。我在其他HTML页面上尝试过这个，所以我认为它可能是我托管它的服务器，但我不确定。

第二次编辑：我刚刚在本地进行了测试，它确实有效。我很确定它现在是服务器，有什么我应该检查的吗？

第三次编辑：我一直在使用Chrome控制台查看链接到的网页上的javascript源代码。我通过脚本中的脚本标签添加了所有脚本，但出于某种原因，没有出现这些脚本。相反，脚本标记的内容是链接到它们的页面中的内容（是的，我确保我正在检查新页面，而不是旧页面）。但是，当我刷新页面时，它会更新并且似乎可以正常工作。

Answer 1

根据您提供给我们的每个数据，您告诉我们的内容应该有效。它没有任何缺陷。

您可能遇到的唯一可能错误可能是您使用了两个不同的hours.html，并通过链接访问了错误的一个。

HTML链接到另一个页面不会执行javascript或加载CSS

1 个答案: