Не могу понять почему не работает javascript код в расширении хрома! Другой яваскрипт код работает хорошо(код для даты/времени)
Код javascript(jQuery):
(function ($) {
$.get("http://ipinfo.io", function (response) {
$("#ip").html("IP: " + response.ip);
$("#weather-city").html(response.city);
$(document).ready(function() {
$('#weather_city').val(response.city),
$('#units_metric').val('metric');
processForm();
});
}, "jsonp");
/**
* Callback to process the form.
*/
function processForm() {
// Fetch the data from the public API through JSONP.
// See http://openweathermap.org/API
$.ajax({
url: 'http://api.openweathermap.org/data/2.5/weather',
jsonp: 'callback',
dataType: 'jsonp',
cache: false,
data: {
q: $('#weather_city').val(),
units: 'metric'
},
// work with the response
success: function (response) {
$('#weather_description').text(response.weather[0].description);
$('#weather-temprature').text(response.main.temp);
},
});
}
})(jQuery);
код писал и в
<head></head> , и просто подключал с другого файла
<script type='text/javascript' src='assets/js/weather.js'></script>
Ничего не помогает!
в самой странице пишу:
<div class='header-weather'>
<div id="weather-city"></div>
<span id="weather-temprature"></span> °C
<form id="weather_status_form">
<input type="hidden" id="weather_city" name="city" />
</form>
</div>
на странице просто через адресную строку то работает все прекрасно!
Но уже в самом хроме не показывает все что должно!
Пример на странице:
test.anyout.ru/2 (НЕ реклама)
Помогите пожалуйста!!
