それで、私は天気予報の Web サイトを作成しており、Wunderground の API を使用しています。AJAX XML ダンプでは、「アイコン」の値が適切なようです。この応答により、ページの CSS が動的に変更されます。可能にしたいページの複数のステータスがありますが、それらを機能させることができないようです。最初の「if」ステートメントの後で停止しているようです。wu_icon == 特定の条件かどうかを確認する必要があります。そうでない場合は、次の条件に移動し、wu_icon == 次の条件セットかどうかを確認します。
ウェブサイトはこちらです。
どんな助けでも大歓迎です。
function get_weather(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
wu_query = latitude + ',' + longitude;
//Weather underground request URL format.
wu_url = wu_base_url + '/' + wu_api_key + '/' + wu_features + '/q/' + wu_query + '.json';
console.log('URL Query: ' + wu_url);
$.ajax({
url: wu_url,
dataType: "jsonp",
success: function(parsed_json) {
console.log(parsed_json);
var location = parsed_json['location']['city'];
var wuurl = parsed_json['location']['wuiurl'];
//simple forecast day 1.
var wu = parsed_json['current_observation'];
var wu_temp_f = wu['temp_f'];
var wu_high_temp = wu['high'];
var wu_low_temp = wu['low'];
var wu_icon = wu['icon'];
$('#location').html(location);
$('#temp').html(wu_temp_f + '°F');
if (wu_icon == 'partlycloudy' || 'partlysunny' || 'unkown'){
document.getElementById('rainclouds').style.display = 'none';
document.getElementById('topclouds').style.display = 'block';
document.getElementById('bottomclouds').style.display = 'block';
document.getElementById('canvas').style.display = 'none';
document.getElementById('snow').style.display = 'none';
window.alert("1");
}
else if (wu_icon == 'rain' || 'chancerain' || 'chancetstorms' || 'tstorms'){
document.getElementById('rainclouds').style.display = 'block';
document.getElementById('topclouds').style.display = 'none';
document.getElementById('bottomclouds').style.display = 'none';
document.getElementById('canvas').style.display = 'block';
document.getElementById('snow').style.display = 'none';
window.alert("2");
}
else if (wu_icon == 'flurries' || 'snow' || 'chanceflurries' || 'chancesnow'){
document.getElementById('rainclouds').style.display = 'block';
document.getElementById('topclouds').style.display = 'none';
document.getElementById('bottomclouds').style.display = 'none';
document.getElementById('canvas').style.display = 'none';
document.getElementById('snow').style.display = 'block';
window.alert("3");
}
else if (wu_icon == 'clear' || 'mostlysunny' || 'sunny'){
document.getElementById('rainclouds').style.display = 'none';
document.getElementById('topclouds').style.display = 'block';
document.getElementById('bottomclouds').style.display = 'none';
document.getElementById('canvas').style.display = 'none';
document.getElementById('snow').style.display = 'none';
window.alert("4")
}
else if (wu_icon == 'chancesleet' || 'sleet'){
document.getElementById('rainclouds').style.display = 'block';
document.getElementById('topclouds').style.display = 'none';
document.getElementById('bottomclouds').style.display = 'none';
document.getElementById('canvas').style.display = 'block';
document.getElementById('snow').style.display = 'block';
window.alert("5");
}
else if (wu_icon == 'cloudy' || 'mostlycloudy' || 'fog' || 'hazy'){
document.getElementById('rainclouds').style.display = 'block';
document.getElementById('topclouds').style.display = 'none';
document.getElementById('bottomclouds').style.display = 'none';
document.getElementById('canvas').style.display = 'none';
document.getElementById('snow').style.display = 'none';
window.alert("6");
}
}