JS在我包含后不起作用？

Question

我正在使用 Google 地理定位脚本让用户插入他们的地址。

我创建了一个单独的页面 (zoeken.php)，这个脚本可以在其中工作。 http://laurenz.be/winterhard/final/zoeken.php

然后我将它包含到我的 index.php 中

<?php
include 'zoeken.php'; 
?>

当我访问 index.php 时，JS 停止工作了？ http://laurenz.be/winterhard/final/ 然后我得到错误：'Uncaught TypeError: $(...).geocomplete is not a function'

有谁知道如何解决这个问题？我真的被这个卡住了......

提前致谢！

编辑：这是文件'zoeken.php'

<div class="col-md-12" style="z-index:999;" >           

  <div class="col-md-6">
 <div class="general-title">
 <h4>Titel1</h4>
 </div>
 <p>Opvultekst en intro. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id leo at justo imperdiet elementum sit amet non mi. Curabitur turpis urna, faucibus eget sagittis eu, molestie eget turpis. Nam id leo in ligula semper molestie. Quisque vel pulvinar massa. Vivamus varius malesuada ex non congue. Aenean eget purus euismod, dignissim nulla at, blandit arcu.
  </div>

  <div class="col-md-6">
  <div class="lighter">  


    <form>
      <input id="geocomplete" type="text" placeholder="Type in an address" size="90" />
      <input id="find" type="button" value="find" />
    </form>


    <script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

    <script src="jquery.geocomplete.js"></script>
    <script src="logger.js"></script>
        <script src="overige.js"></script>






  </div>
        </div>
        </div>

Answer 1

在 HTML 中 jquery.min.js 包含两次 - 一次来自 googleapis.com，然后再次来自您自己的服务器。

您在 overige.js 中的代码不会立即执行 - 它计划在整个文档加载后运行。

也许第二个包含重置了 $ 的内容，然后 $.geocomplete() 不再可用？