文章/答案/技术大牛

发布

社区首页 >问答首页 >“未定义选择”jQuery天气应用教程

问“未定义选择”jQuery天气应用教程
EN

Stack Overflow用户

提问于 2018-01-22 10:42:46

回答 1查看 170关注 0票数 0

我提供了以下jsfiddle：

https://jsfiddle.net/joegerofsky/huo9r59p/

这是我的HTML：

<!DOCTYPE html>
<html>
  <head>
<meta name="viewport" width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0>
<style> body {padding: 0; margin: 0;} </style>


  </head>
<body>

<p>

City: <input id='city' value='Toronto'></input>
<br>
<button id='submit'>Submit</button>

</p>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="../p5.min.js"></script>
<script src="../addons/p5.dom.min.js"></script>
<script src="../addons/p5.sound.min.js"></script>
<script src="weather.js"></script>
 </body>

下面是我的js：

var api_key = "&APPID=c0aa3c8995df1b0dd97032d0072333b3";

var api = "http://api.openweathermap.org/data/2.5/forecast?q=";

var city = "Toronto";

var units = "&units=metric"

$( "#submit" ).click(function() {

 input = select('#city');

$(function(){

var url = api + input.value() + api_key + units;

$.getJSON(url, function(wd){
        console.log('got the data', wd);
})



})

});

我的控制台在第11行显示"select is not defined“。我实际上是在尝试使用jQuery而不仅仅是p5js从https://www.youtube.com/watch?v=4UoUqnjUC2c构建天气应用程序。有人能帮上忙吗？

javascript

jquery

回答 1

Stack Overflow用户

发布于 2018-01-22 11:22:55

select()函数是p5.js的属性。如果你想使用jquery而不是p5，你应该使用jquery选择器，它是$('#id')的，在你的例子中是$('#city')。

查看购买的库的文档：

p5：https://p5js.org/reference/#/p5/select
jquery：https://api.jquery.com/id-selector/

问候！！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/48374008

复制

相似问题

问“未定义选择”jQuery天气应用教程
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问“未定义选择”jQuery天气应用教程EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问“未定义选择”jQuery天气应用教程
EN