jQuery pagination плагин динамические страницы

я использую Плагин jQuery Pagination добавить нумерацию страниц в список данных, где контент поступает от вызова AJAX. Мой код выглядит следующим образом:

var $pagination = $(".items_list_container");

var defaultOpts = {
totalPages: 20
};

$pagination.twbsPagination(defaultOpts);

$.ajax({
method: "GET",
url: "my_url",
success: function(data){
var totalPages = data.newTotalPages;
var currentPage = $pagination.twbsPagination('getCurrentPage');

$pagination.twbsPagination('destroy');

$pagination.twbsPagination({
startPage: currentPage,
totalPages: totalPages,
onPageClick: function (event, page) {
$("#items_list").html(data.output);
}
});
}
});

У меня есть следующая HTML-структура:

<div class="items_list_container container-fluid">
<div class="row">
<div class="col-xs-6">
<div class="input-group">
<input type="text" id="search_term" class="form-control" placeholder="Search for...">
</div>
</div>
</div>
<br />
<div id="items_list"></div>

Данные, которые я получаю через вызов AJAX, будут отображаться в div с идентификатором items_list

Когда я загружаю свою страницу, я получаю обновленный TOTALPAGES для плагина, но из-за уничтожить ничего не отображается в моем div. Если я закомментирую уничтожить Я вижу свои данные, но мой TOTALPAGES неправильно.

Другая проблема у меня заключается в том, что onPageClick событие не срабатывает, когда я нажимаю на страницу в панели разбиения на страницы.

Если кто-то, кто успешно реализовал то, что я пытаюсь реализовать здесь, может помочь, это будет с благодарностью.

заранее спасибо