jQuery 参考错误：$ 未定义
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18538860/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
ReferenceError: $ is not defined
提问by user609306
This is my code which does the functionality of auto address fill up and identifying the chosen latitude/longitude/address.
这是我的代码，它执行自动地址填充和识别所选纬度/经度/地址的功能。
<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>
i thought everything is correct but it throws this error in firebug ReferenceError: $ is not defined
我认为一切都是正确的，但它在 firebug ReferenceError: $ is not defined 中抛出了这个错误
can you please help me with it
你能帮我吗
please check http://jsfiddle.net/NuCUd/8/for reference
请检查http://jsfiddle.net/NuCUd/8/以供参考
回答by SLaks
$is defined by jQuery, which is an ordinary, 3rd-party library.
$由 jQuery 定义，它是一个普通的第三方库。
If you don't include it, it won't exist.
如果你不包括它，它就不会存在。
回答by Guerra
Change your code to:
将您的代码更改为：
<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>
