[英]QuickSearchJS with ajax call
我正在使用QuickSearchJS,它在按預期的方式工作,直到進行了ajax調用,然后它不起作用。 我嘗試了2種方法。 有沒有一種可以將它與document.on函數一起使用的方法,或者有其他替代方法?
第一種方式
$(function () {
var qs = $('input#filterText').quicksearch('#a option')
});
第二種方式:
$(document).ready(function() {
$(function () {
var qs = $('input#filterText').quicksearch('#a option')
});
});
根據文檔,您應該使用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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.