为什么我的jQuery脚本中找不到appendTo方法？
为什么我的jQuery脚本中找不到appendTo方法？
提问于 2018-06-05 00:28:47
我正在使用JQuery模板功能在html文件中呈现我的模板。我已经通过以下方式加载库：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script src="../static/js/Dashboard.js"></script>当我在后面跟着$(...).tmpl(...).appendTo的元素上调用empty方法时，它什么也没有显示，并给出了错误：
TypeError：$(...).tmpl(...).appendTo不是函数
但是，如果我使用innerHTML或手动将变量设置为空字符串，它会显示旧数据和更新后的数据。
你能告诉我我的代码出了什么问题吗：
(function(){
GetList();
$('#btnUpdate').click(function() {
$.ajax({
url: '/updateList',
data: {
title: $('#editTitle').val(),
description: $('#editDescription').val(),
id: localStorage.getItem('editId')
},
type: 'POST',
success: function(res) {
$('#editModal').modal('hide');
// Re populate the grid
GetList();
},
error: function(error) {
console.log(error);
}
});
});
});
function GetList() {
$.ajax({
url: '/getList',
type: 'GET',
success: function(res) {
var listObj = JSON.parse(res);
$('#ulist').empty();
// var list = '';
$('#listTemplate').tmpl(listObj).appendTo('#ulist');
},
error: function(error) {
console.log(error);
}
});
}在单击更新按钮输入新数据时，应在html模板中更新此新数据。
回答 1
Stack Overflow用户
发布于 2018-06-05 08:22:44
下面是来自this documentation的一个示例
$.tmpl( $("#listTemplate").html(), listObj ).appendTo( "#target" );本质上是一个提纲：
$.tmpl( myTemplate, myData ).appendTo( "#target" );其中第一个参数是一个字符串形式的模板，第二个参数是您的json对象，然后以这种方式追加结果。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50685006
复制相关文章
相似问题