Javascript ReferenceError:$未定义
这是我的代码,它具有自动填写地址和识别所选纬度/经度/地址的功能Javascript ReferenceError:$未定义,javascript,jquery,html,google-maps,google-maps-api-3,Javascript,Jquery,Html,Google Maps,Google Maps Api 3,这是我的代码,它具有自动填写地址和识别所选纬度/经度/地址的功能 <html> <head> <LINK rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script src="http
<html>
<head>
<LINK rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
</head>
<body>
<p>Location: <input type="text" id="searchTextField" size="50" placeholder="Where do you want to go ?"/></p>
<div id="results"></div>
<script>
var input = document.getElementById('searchTextField');
var options = {
};
var autocomplete = new google.maps.places.Autocomplete(input,options);
//autocomplete.bindTo('bounds', map);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
$("#results").html('');
var place = autocomplete.getPlace();
$("#results").append('<p> Latitude and Longtidute : '+place.geometry.location +'</p>');
$("#results").append('<p> Address : '+place.formatted_address +'</p>');
$("#results").append('<p> Places Name : '+place.name+'</p>');
var searchAddressComponents = place.address_components;
$.each(searchAddressComponents, function(){
if(this.types[0]=="postal_code"){
searchCountry=this.short_name;
}
});
});
</script>
</body>
</html>
我认为一切都是正确的,但它在firebug ReferenceError中抛出了这个错误:$未定义
你能帮我吗
请检查参考$是由jQuery定义的,它是一个普通的第三方库
如果不包含它,它将不存在。将代码更改为:
<html>
<head>
<LINK rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
</head>
<body>
<p>Location: <input type="text" id="searchTextField" size="50" placeholder="Where do you want to go ?"/></p>
<div id="results"></div>
<script>
var input = document.getElementById('searchTextField');
var options = {
};
var autocomplete = new google.maps.places.Autocomplete(input,options);
//autocomplete.bindTo('bounds', map);
google.maps.event.addListener(autocomplete, 'place_changed', function() {
$("#results").html('');
var place = autocomplete.getPlace();
$("#results").append('<p> Latitude and Longtidute : '+place.geometry.location +'</p>');
$("#results").append('<p> Address : '+place.formatted_address +'</p>');
$("#results").append('<p> Places Name : '+place.name+'</p>');
var searchAddressComponents = place.address_components;
$.each(searchAddressComponents, function(){
if(this.types[0]=="postal_code"){
searchCountry=this.short_name;
}
});
});
</script>
</body>
</html>
您从未定义过$,也从未包含定义它的脚本。您从何处获得此类消息?你的小提琴似乎没有犯那个错误。