我包含它后JS不起作用?
JS doesn't work after I include it?
我正在使用 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&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>
在 HTML 中 jquery.min.js 包含两次 - 一次来自 googleapis.com,然后再次来自您自己的服务器。
您在 overige.js 中的代码不会立即执行 - 它计划在 运行 加载整个文档后执行。
也许第二次包含会重置 $ 的内容,然后 $.geocomplete() 不再可用?
我正在使用 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&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>
在 HTML 中 jquery.min.js 包含两次 - 一次来自 googleapis.com,然后再次来自您自己的服务器。
您在 overige.js 中的代码不会立即执行 - 它计划在 运行 加载整个文档后执行。
也许第二次包含会重置 $ 的内容,然后 $.geocomplete() 不再可用?