Событие 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"] + '<span>Delete</span>';
});
$('#container').html(ang);
$("input#Amount").val('');
$("input#CheckName").val('');
$("input#Check_Number").val('');
$("select#Company").val('MMS');
$("th#dept").hide();
$('input#CheckName').focus();
}
});
});
});