こんにちは、Wunderground Weather APIを使用しようとしていますが、ボタンのクリックで情報を要求するのに問題があります。提供されている作業開始行は次のとおりです。
jQuery(document).ready(function($) {
そして、これが私がそれを変更したものです:
jQuery('#GetWeather').click(function($) {
ボタンをクリックすると、firebug エラーが発生します。
TypeError: $.ajax is not a function
[Break On This Error]
success : function(parsed_json) {
うまくいかない理由はわかりませんが、残りのコードは次のとおりです...お役に立てば幸いです:
jQuery('#GetWeather').click(function($) {
var PostCode="PL9 9UT";
$.ajax({ url : "http://api.wunderground.com/api/2508132ae0c7601a/geolookup/conditions/q/UK/"+PostCode +".json",
dataType : "jsonp",
success : function(parsed_json) {
var icon = parsed_json['current_observation']['icon'];
var temp_c = parsed_json['current_observation']['temp_c'];
var feelslike_c = parsed_json['current_observation']['feelslike_c'];
var visibility_mi = parsed_json['current_observation']['visibility_mi'];
var UV = parsed_json['current_observation']['UV'];
var relative_humidity = parsed_json['current_observation']['relative_humidity'];
var wind_mph = parsed_json['current_observation']['wind_mph'];
var pressure_mb = parsed_json['current_observation']['pressure_mb'];
var wind_string = parsed_json['current_observation']['wind_string'];
var weather = parsed_json['current_observation']['weather'];
var imageurl = "http://192.168.0.4/DesktopVersion/Inc/Images/Weather/";
$('.Wicon').css('background-image',"url("+imageurl +icon +".svg)");
$('#GetWeatherTemp').html(temp_c +"°");
$('#GetWeatherFeel').html("Feels Like " +feelslike_c +"℃");
$('#GetWeatherVis').html(visibility_mi +" Miles");
$('#GetWeatherUv').html(UV);
$('#GetWeatherHumid').html(relative_humidity +"%");
$('#GetWeatherWind').html("Wind Speed " +wind_mph +"Mph");
$('#GetWeatherPress').html(pressure_mb);
$('#GetWeatherState').html(weather);
}
});
});