У меня странная проблема с DataTables. Я использую этот материал для удаления строки, и все работает (строка удаляется из БД, предупреждения отображаются правильно), и она удаляет строку с дисплея, НО когда я нажимаю на предыдущую страницу и возвращаюсь на страницу, где строка отображалась изначально (по странице Я имею в виду номер страницы DataTable или увеличиваю количество строк на странице) - он снова отображается... (поскольку на самом деле он не был удален)
Только после hard-refresh он удаляется. Почему это происходит и как действительно удалить его, не обновляя браузер?
Вот код, который я использую для удаления строки:
function DeletePublisher(element, publisherid) {
jConfirm('Are you sure you want to delete this publisher?', 'Delete publisher', function (r) {
if (r) $.post('includes/publishers/delete-publisher.php?publisherid=' + publisherid,
function (data) {
if ($.trim(data) == 'error') {
$.jGrowl('This publisher was already deleted', {
header: '<strong style="text-align:center;">ERROR</strong>'
});
$(element)
.parents('tr')
.remove();
} else {
$(element)
.parents('tr')
.remove();
oTable.fnDeleteRow(element);
$('tr')
.removeClass();
// Now add class names again
$('tr:odd')
.addClass('odd');
$('tr:even')
.addClass('even');
$.jGrowl('Publisher deleted');
}
});
});
А это элемент TR:
<td class="action-th">
<ul class="button-table-head">
<li><div class="button-head edit-icon"><a href="/includes/publishers/edit-publisher.php?editpublisher=<?php echo $publisher_id; ?>" data-fancybox-type="iframe" class="iframe sweet-tooltip" data-text-tooltip="Edit" data-style-tooltip="tooltip-mini-slick"><span>Edit</span></a></div></li>
<li><div class="button-head delete-icon"><a href="#" class="sweet-tooltip" data-text-tooltip="Delete" data-style-tooltip="tooltip-mini-slick" onclick="DeletePublisher(this,'<?php echo $publisher_id; ?>')"><span>Delete</span></a></div></li>
</ul>
</td>
Итак, не уверены, что элемент передает правильный идентификатор строки в первую очередь?