【发布时间】:2019-04-24 23:24:03
【问题描述】:
我有这个JS函数:
function addMemberToLessonDirect(id)
{
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
method: 'POST',
url: '/admin/lessons/addMember/licenseMemberId',
data: {'licenseMemberId' : id},
success: function(response){
if ($.trim(response)) {
var actualMembers = document.getElementById("actual-member");
if (!$.trim(actualMembers)) {
$('#no_members').hide();
var div1 = document.createElement('div');
div1.setAttribute('class','table-responsive');
$('#space').append(div1);
var actualMembers = document.createElement('table');
actualMembers.setAttribute('class','table');
div1.append(actualMembers);
}
var newRow = actualMembers.insertRow(actualMembers.length);
newRow.setAttribute( "data-id",response['llm']['id']);
id = newRow.insertCell(0);
id.innerHTML = response['user_saved']['id'];
nip = newRow.insertCell(1);
nip.innerHTML = response['user_saved']['nip'];
update.innerHTML ="<a class='btn btn-info btn-xs edit' title='{{__('member.edit')}}'> <i class='fa fa-pencil'></i> </a>";
}
$('#membersModal').modal('hide');
},
error: function(jqXHR, textStatus, errorThrown) { // What to do if we fail
}
});
}
此函数调用或创建表(实际成员)并添加行和列。当我从我拥有的模式中选择一个元素时,将调用此函数。当我在模态中选择元素时,该元素将附加到表格中。
现在这个表格还有另一个 JS 函数,可以让一些字段可编辑和可保存:
$("#actual-member tr").editable({
keyboard: true,
dblclick: true,
button: true,
buttonSelector: ".edit",
dropdowns: {},
maintainWidth: true,
edit: function (values) {
$(".edit i", this)
.removeClass('fa-pencil')
.addClass('fa-save')
.attr('title', '{{__('member.save')}}');
},
save: function (values) {
values._token = '<?php echo csrf_token(); ?>';
//console.log(values);
var lessonLicenseMemberId = $(this).data('id');
$.post('/admin/lessons/editLessonLicenseMember/' + lessonLicenseMemberId, values);
},
cancel: function(values) {
$(".edit i", this)
.removeClass('fa-save')
.addClass('fa-pencil')
.attr('title', '{{__('member.edit')}}');
}
});
当我尝试在不是使用 addMemberToLessonDirect 函数创建的元素上单击表中的编辑按钮时,它运行良好,但是当我单击由 addMemberToLessonDirect 函数创建的元素上的相同按钮时,没有任何反应。我认为他们没有“属性”可编辑(第二个功能)。 是否可以从 addMemberToLessonDirect 函数中调用可编辑函数?
【问题讨论】:
-
你到底想达到什么目的
标签: javascript jquery call