QuickSearchJS с помощью вызова ajax

Question

Я использую QuickSearchJS, и он работает, как ожидалось, пока не будет выполнен вызов ajax, а затем он не работает. Я пробовал 2 способа. Есть ли способ использовать его с функцией document.on или любым другим способом?

1-й путь

$(function () {
    var qs = $('input#filterText').quicksearch('#a option')
});

2-й способ:

$(document).ready(function() {
    $(function () {
        var qs = $('input#filterText').quicksearch('#a option')
    });
});

Answer 1

Согласно документации вы должны использовать qs.cache(); после вашего вызова AJAX.

var qs = $('input#id_search_list').quicksearch('ul#list_example li');
$('ul#list_example').append('<li>Loaded with Ajax</li>');
qs.cache();

 var qs=$('input#search').quicksearch('table tbody td');

 $("#append").on("click", function(e) {
     $("tr").append('<td>'+$("#search").val()+'</td>');
     qs.cache();
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.quicksearch/2.2.0/jquery.quicksearch.min.js"></script>
/* Example form */
<form>
    <input type="text" id="search">
    <input type="button" id="append" value="ajax">
</form>

/* Example table */
<table>
    <tbody>
        <tr>
            <td>Test cell</td>
            <td>Another test cell</td>
        </tr>
    </tbody>
</table>