Question

我对脚本不好，我无法弄清楚我的执行出了什么问题。

网页为http://snmcsupport.com/map-js-test-page，它应该运行一个生成可点击地图的脚本。脚本本身非常长，所以我不会在这里粘贴它，但你可以看到它if you click here

在我的网页上，我有标题在标题

中运行所需的标记

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">
</script>

<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael-min.js">
</script>

<script src="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.1.1/jquery.qtip.min.js">
</script>

在我的网页上，我调用了脚本

<div>
  <script type="text/javascript" src="http://snmcsupport.com/wp-includes/js/app.js">
  </script>
</div>

但是我仍然无法运行代码？开发商的初步指示也说：

最后一步是通过进行以下脚本调用来初始化地图：

<script>makeaClickableMap.initialize(<your-document-object-model-handle>);</script>

你的对象文档模型句柄实际上可以是任何东西：

jQuery对象，如$（“＃map”）

一个Javascript文档对象模型，如document.getElementById（“map”）

或像“map”这样的简单字符串

但我无法弄清楚这意味着什么。如果我尝试在我的网页中输入initialize命令，我会遇到一个令人讨厌的跨脚本错误，它不会让我。

我正在使用Divi Child主题在Wordpress上运行它。

Answer 1

makeaClickableMap.initialize(<your-document-object-model-handle>);
            //this is the element that will --^
            //be used to contain your rendered map

方法makeClickableMap.initialize()希望您将要在其中显示地图的HTML元素的引用传递给它。

可以识别元素

他们的标签名称（div，p，h1等）
班级名称<div class="className></div>
或按ID名称，我将在此处演示：

首先，您需要一个与其关联的ID的元素，它应该放在<body>标记内：

<div id="map"></div>

在此标记下方，但仍在正文标记内，您需要包含makeClickableMap.initialise来电并传入此<div>的ID：

<!-- Javascript solution: -->
<script>
  makeaClickableMap.initialize(document.getElementById('map'));
</script>
<!-- notice that the id is just 'map' here -->

上面的Javscript解决方案的替代方法是使用如下的jQuery（你仍然需要带有ID的div）：

<!-- jQuery solution: -->
<script>
  makeaClickableMap.initialize($('#map'));
</script>
<!-- notice the ID is prefixced with a '#' character-->

无法在页面上运行Javascript文件

1 个答案: