Мобильная версияЯ получаю некоторую информацию об API от Weather Underground, и мне интересно, можно ли изменить цвет фона всего body с помощью jQuery, используя информацию, предоставленную API.
Я хотел бы установить класс в теге body на основе определенного диапазона температуры, возвращаемого через API. Например:
"current_observation": { "изображение": { "url":"http://icons-ak.wxug.com/graphics/wu2/logo_130x80.png", "title":"Подземелье погоды", "ссылка":"http://www.wunderground.com" }, "display_location": { "full":"Боулинг-Грин, Кентукки", "city":"Боулинг Грин", "штат":"Кентукки", "state_name":"Кентукки", "страна":"США", "country_iso3166":"США", "zip":"42101", "latitude":"37.02899933", "долгота":"-86.46366119", "elevation":"154.00000000" }, "observation_location": { "full":"Риджвью Драйв, Боулинг-Грин, Кентукки", "city":"Риджвью Драйв, Боулинг-Грин", "штат":"Кентукки", "страна":"США", "country_iso3166":"США", "широта":"36,993744", "долгота":"-86.522827", "elevation":"714 футов" }, "оцененный": { }, "station_id":"KKYBOWLI7", "observation_time":"Последнее обновление: 24 мая, 14:25 по центральному поясному времени", "observation_time_rfc822":"Чт, 24 мая 2012 г. 14:25:18 -0500", "observation_epoch":"1337887518", "local_time_rfc822":"Чт, 24 мая 2012 г. 14:25:29 -0500", "local_epoch":"1337887529", "local_tz_short":"CDT", "local_tz_long":"Америка/Чикаго", "local_tz_offset":"-0500", "weather":"Ясно", "temperature_string":"86,8 F (30,4 C)", "temp_f": 86,8 Это некоторая информация, которую я собираю. Я хочу сосредоточиться на самой последней temp_f.
Пример диапазонов: от 80 до 90 должен отображаться background:#dd7f35
Я пытался настроить для этого пользовательские переменные, но всегда что-то ломалось. Кажется, я не могу понять, как настроить переменную, используя информацию, полученную из JSON (если это вообще возможно, поскольку temp_f использует десятичные дроби.)
Вот как я вызываю JSON
$().ready(function(){ $.getJSON("http://api.wunderground.com/api/[МОЙ КЛЮЧ API]/conditions/q/autoip.json?callback=?", функция(данные){ $.each(данные, функция(i, json) { content = '' + json.icon + ''; content += '
'; контент += '' + json.temp_f + ''; $(content).appendTo("#area"); }); console.log(данные) }); }); Вот что я пробовал
var backDrop = ' + json.temp_f + ' Я использовал + json.temp_f +, потому что для обычного HTML это отлично подтягивает температуру, но я могу предположить, что в данном случае это не сработает?
Любая помощь приветствуется.
