为什么在Fiddle中工作的代码不能在在线html编辑器中工作？
为什么在Fiddle中工作的代码不能在在线html编辑器中工作？
提问于 2017-08-10 21:32:13
我知道这是一种无关紧要的问题，但我有一些困难。我在fiddle https://jsfiddle.net/ew5y6pd1/4/上发现了一段代码，它工作得很好，但是当我复制并放置一个在线append.Below编辑器时，数据不是fiddle，显示的是我复制到在线html编辑器的代码。我是不是错过了什么库？
<!Doctype html>
<html>
<head>
<style>
th, td { border: 1px solid black;}
</style>
<script>
$(document).ready(function() {
$("#add").on('click', function() {
var user = {
Id: '',
Name: ''
}
var row = $('<tr/>');
user.Id = $("#id").val();
user.Name = $("#Name").val();
row.append($('<td/>').text(user.Id));
row.append($('<td/>').text(user.Name));
$("#reservations tbody").append(row);
});
$('#sort').on('click', function(){
var rows = $('#reservations tbody tr').get();
rows.sort(function(a, b) {
var A = $(a).children('td').eq(0).text().toUpperCase();
var B = $(b).children('td').eq(0).text().toUpperCase();
if(A < B) {
return -1;
}
if(A > B) {
return 1;
}
return 0;
});
$.each(rows, function(index, row) {
$('#reservations').children('tbody').append(row);
});
})
});
</script>
</head>
<body>
<input type="text" id="id" />
<input type="text" id="Name" />
<input type="button" id="add" value="Add" />
<br />
<input type="button" id="sort" value="sort" />
<table id="reservations">
<thead>
<tr>
<th> Id </th>
<th> Name </th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2017-08-10 21:36:29
JS Fiddle实例加载提供$函数的the jQuery library。
在运行依赖于该库的脚本之前，您需要下载该库(或找到托管版本的URL )，并包含一个加载该库的<script>元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45615225
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号