Question

我提供了以下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);
})



})

});

我的控制台说＆＃34;选择未定义＆＃34;在第11行。我基本上试图从https://www.youtube.com/watch?v=4UoUqnjUC2c构建天气应用程序但是使用jQuery而不仅仅是p5js。任何人都可以帮忙吗？

Answer 1

select()函数是p5.js的属性。如果要使用jquery而不是p5，则应使用j $('#id')的jquery选择器，在您的情况下$('#city')。

查看已购买图书馆的文档：

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

问候!!

＆＃34;选择未定义＆＃34; jQuery天气应用教程

1 个答案: