Question

此插件使用正则表达式根据您的搜索输入实时对内容进行排序。

我为这样的搜索创建了几个按钮：

    <input id="searchbox" type="text" class="searchFilter" onblur="if(this.value == '')this.value='Keyword(s)'" onfocus="this.value==this.defaultValue?this.value='':null" value="Keyword(s)" name="keyword">

        <a href="#" class="search-btn" data-search="text1 ">search 1</a>
        <a href="#" class="search-btn" data-search="intro ">search 2</a>
        <a href="#" class="search-reset">reset</a>

以及代码片段：

       $(".search-btn").on("click", function(){
       $("#searchbox").val( $(this).data("search") );
       $('.searchFilter').keyup();
       });             

       $(".search-reset").on("click", function(){
       $("#searchbox").val( "");
       $('.searchFilter').keyup();
   });

我想要做的是当点击“搜索1”以附加一个叫做“可见元素”的类时，对执行搜索后和调用函数后可见的所有元素进行追加。

这是我试图实现的另一个搜索插件的一个很好的例子，但它显示了我正在尝试做的概念：

$('input#id_search').quicksearch('div.member', {
show: function () {
$(this).addClass('visible-elements');
 },
hide: function() {
$(this).removeClass('visible-elements');
},
onAfter: function() {
$container.isotope({ filter: 'visible-elements'});
}
});

问题是我不知道如何在我的实际结构中完成这项工作，欢迎任何建议。

这是一个有效的fiddle示例。

这是测试website

jquery实时搜索回调函数

0 个答案: