2016-08-06 14 views
0

jqueryとjsonから始めて、OpenWeatherMapのAPIを使って天気アプリを開発しています。 imgタグで表示される srcを渡そうとしています。私は類似したものが以前に尋ねられたことを理解していますが(これは私のモデルの下のコードです)、検査で<img>に変更が見られません。私の見解ではimage API srcを<img>とjquery

私は<img id="icon" src="#">を持っており、これは私のjQueryのです:選択はあなたの例

のための正しいものではありません

$(document).ready(function() { 
    if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(position) { 
     var lati = position.coords.latitude; 
     var longi = position.coords.longitude; 
     var address = "http://api.openweathermap.org/data/2.5/weather?lat=" + lati +"&lon=" + longi + "&APPID=****"; 

     $.getJSON(address, function(json) { 
     var iconSrc = "http://openweathermap.org/img/w/" +json.weather.icon +".png"; 
     $('#icon img').attr('src', iconSrc); 
     }); 
    }); 
    } 
}); 

答えて

2

$('#icon img').attr('src', iconSrc);あなたは子供であるimg要素を選択しようとしています#icon

のみID

で選択IDアイコンを持つ要素の

idは一意である必要があるので、使用するクラスを設定するimgタグが複数ある場合は

関連する問題