Question

所以基本上我一直在制作一个jQuery Mobile网站，我遇到了很多速度障碍但是一旦我开始取得进展，就会发生这种情况！

罪魁祸首：http://www.ehustudent.co.uk/cis21318140/cis3104/cw2/find-your-nearest-jospice.html

每当您点击链接时，它就会永远保持旋转状态。当我真正让地图工作时，它开始发生了！地图是内联的，所以我把它放在自己的文件中，它仍然在发生。

当我删除这一行代码时，它会发生错误

<script src="map-kensington.js"></script>

请帮帮我:(。我需要将这行代码放在正文中，否则地图将无法加载，但当我把它放在那里时，页面将无法加载！

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Find Your Nearest Jospice | Jospice Charity Shops</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=yes">

<!-- Start of jQuery External Links -->
<link rel="stylesheet" href="CSS/jospice2.min.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<!-- End of jQuery External Links -->

<link rel="stylesheet" href="CSS/custom.css" />
</head>

<body>
    <div data-role="page" id="homePage" data-theme="b">

        <div data-role="header" data-theme="b">
            <a href="index.html" data-role="button" data-icon="grid">Menu</a>
            <h1>Jospice</h1>
            <a href="contact-jospice.html" data-role="button" data-icon="info">Contact</a>
        </div>

        <div data-role="content" data-theme="b">
            <h2>Find Your Nearest...</h2>
            <p>Use the list below to find your Jospice Store of choice! Click on the button to be provided with information and directions to the store.</p>
            <a href="map-kensington.html" data-role="button">Furniture Store (Kensington)</a>
            <a href="map-allerton.html" data-role="button">Allerton</a>
            <a href="map-crosby.html" data-role="button">Crosby</a>
            <a href="map-kensington.html" data-role="button">Kensington</a>
            <a href="map-maghull.html" data-role="button">Maghull</a>
            <a href="map-netherton.html" data-role="button">Netherton</a>
            <a href="map-old-swan.html" data-role="button">Old Swan</a>
            <a href="map-southport.html" data-role="button">Southport</a>
            <a href="map-walton-vale.html" data-role="button">Walton Vale</a>
        </div>
</body>
</html>

对于每个页面都是一样的，还有7个小时的时间来完成网站，请帮助:(

Answer 1

您的脚本失败，并且没有定义谷歌＆＃39;错误。

您需要将Google脚本引用添加到各个地图页

这样的事情：

<script type="text/javascript"
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
</script>

jQuery Mobile页面没有加载，永远旋转图标

1 个答案: