我提供了以下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 行显示"未定义选择"。我本质上是在尝试从 https://www.youtube.com/watch?v=4UoUqnjUC2c 构建天气应用程序使用jQuery而不仅仅是p5js。谁能帮忙？
select() 函数是 p5.js 的属性。如果你想使用 jquery 而不是 p5，你应该使用它$('#id')的 jquery 选择器，在你的情况下$('#city')。
检查购买库的文档：
- P5 ： https://p5js.org/reference/#/p5/select
- j查询 ： https://api.jquery.com/id-selector/
问候！！