gpt4 book ai didi

javascript - jquery simpleweather 无法识别

转载 作者:行者123 更新时间:2023-11-30 10:19:38 25 4
gpt4 key购买 nike

我想在我的网站上使用 simpleweatherjs 显示天气,但这对我不起作用。有人可以告诉我我做错了什么吗?页面是空白的。如果我,例如在 $.simpleWeather({...}); 行之前put $("#weather").html("test"), 那么这句话就可以了,但是在$.simpleWeather({...})下就不行了;就像示例中所示。

这是我的 html:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Weather</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.simpleWeather/2.5.0/jquery.simpleWeather.min.js"></script>
</head>
<body>

<div id="weather"></div>
<script>
// Docs at http://simpleweatherjs.com
$(document).ready(function() {
$.simpleWeather({
location: 'Austin, TX',
woeid: '',
unit: 'f',
success: function(weather) {
html = '<h2><i class="icon-'+weather.code+'"></i> '+weather.temp+'&deg;'+weather.units.temp+'</h2>';
html += '<ul><li>'+weather.city+', '+weather.region+'</li>';
html += '<li class="currently">'+weather.currently+'</li>';
html += '<li>'+weather.wind.direction+' '+weather.wind.speed+' '+weather.units.speed+'</li></ul>';

$("#weather").html(html);
},
error: function(error) {
$("#weather").html('<p>'+error+'</p>');
}
});
});

</script>
</body>

最佳答案

您是从本地文件运行代码吗?即在浏览器中导航到 c:\html\test.html(或等效文件)。

当我这样做时它似乎也不起作用,但是当我在网络服务器上托管 HTML 文件(我使用 tomcat)并导航到 http://localhost:8080/html/test/html 它起作用了。

编辑:这可以解释为什么它在 JS Fiddle 上也能正常工作

关于javascript - jquery simpleweather 无法识别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21989343/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com