使用车把我得到这个错误：Uncaught TypeError：$（…）.geocomplete不是一个函数

Question

I am using this html code that I am trying to implement onto my handlebar file. While it works on the html/javascript file, I can't get it to work in the handlebar file.

When I use it in the handlebar, I get this error : Uncaught TypeError: $(...).geocomplete is not a function

I am putting the code into main.handlebar:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="js/jquery.geocomplete.js"></script>

    <script language = "javascript">

        $(function(){

            $("#geocomplete").geocomplete().bind("geocode:result", function(event, result){
                        $.log("Result: " + result.formatted_address);
                    })
                    .bind("geocode:error", function(event, status){
                        $.log("ERROR: " + status);
                    })
                    .bind("geocode:multiple", function(event, results){
                        $.log("Multiple: " + results.length + " results found");
                    });


        });


    </script>

and it is not recognizing .geocomplete() method that is in js/jquery.geocomplete.js

It recognizes it in a html file though.

Answer 1

获取您的Google Maps JavaScript API的API密钥，然后将您的API密钥放入

<script src="https://maps.googleapis.com/maps/api/jskey=API_KEY_HERE&libraries=places"></script>