Jquery事件在ajax调用后不会触发
Jquery事件在ajax调用后不会触发
这是一个关于jquery的奇怪问题。我在页面加载时加载了一个div标签。每条记录都是带有“删除”ajax函数的表格数据。当页面加载并点击“删除”链接时,ajax调用会正常触发。然而,一旦事件触发,数据从ajax调用返回,div被填充了数据(但页面不刷新或重新加载)。当我再次点击链接时,ajax脚本将不会触发。以下是我的代码:
$(document).ready(function() {
$("button.done").button({
}).click(function() {
var BatchID = $("input#BatchID").val();
var Amount = $("input#Amount").val();
var Name = $("input#CheckName").val();
var Check_Number = $("input#Check_Number").val();
var Company = $("select#Company").val();
var Department = $("select#Department").val();
$.ajax({
type: 'GET',
url: '/app/usagCheckEntryWS.html',
data: {
"BatchID" : BatchID,
"Amount" : Amount,
"Name" : Name,
"Check_Number" : Check_Number,
"Company" : Company,
"Department" : Department
},
success: function (data) {
var ang = '';
var obj = $.parseJSON(data);
$.each(obj, function() {
ang += '
' + this["RefID"] + ' | ' + this["Name"] + ' | ' + this["CheckNumber"] + ' | $' + this["Amount"] + ' | ' + this["Description"] + ' | Delete |
';
});
$('#container').html(ang);
$("input#Amount").val('');
$("input#CheckName").val('');
$("input#Check_Number").val('');
$("select#Company").val('MMS');
$("th#dept").hide();
$('input#CheckName').focus();
}
});
});
});