ajaxコールを使用したQuickSearchJS

Question

私はQuickSearchJSを使用しています。これは、ajaxコールが行われてから動作しなくなるまで期待通りに動作しています。私は2つの方法を試みました。 document.on関数や他の方法でそれを使用する方法はありますか？

第一の方法

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

第二の方法：

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

Answer 1

あなたはAJAX呼び出しの後qs.cache();を使用する必要がありますドキュメントによります。

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>