这个问题可能是由于Ajax表单插入后,Bootstrap表格的HTML结构被改变,导致样式无法正确应用。解决方法可能有以下几种:
$(document).on('inserted.bs.table', '#tableId', function () {
// 在这里重新渲染Bootstrap表格
});
$.ajax({
url: '...',
method: 'POST',
data: '...',
success: function (response) {
// 在这里插入Ajax表单
// 然后重新渲染Bootstrap表格
$('#tableId').bootstrapTable('refresh');
}
});
$.ajax({
url: '...',
method: 'POST',
data: '...',
success: function (response) {
// 在这里插入Ajax表单
// 然后调用回调函数重新渲染Bootstrap表格
renderBootstrapTable();
}
});
function renderBootstrapTable() {
// 在这里重新渲染Bootstrap表格
$('#tableId').bootstrapTable();
}
这些方法中,事件委托和手动重新渲染Bootstrap表格是比较常见的做法,可以根据具体情况选择适合的方法来解决问题。
上一篇:Ajax表单被提交多次