jquery quicksearch 搜索结果不匹配

Question

我正在使用“quicksearch”库在网格视图中实现搜索，这很棒。

我以前用过这个库，在此之前我从来没有遇到过任何问题，当我尝试使用它时，我似乎无法让它工作

我真的希望有人能指出我可能做错了什么。

代码如下：

  <script type="text/javascript" src="../../../js/jquery.js" language="javascript"> </script> 
  <script type="text/javascript" src="../../../js/quicksearch.js"   language="javascript"></script>
  <script type="text/javascript" language="javascript">

 $(function () {
        $('.search_textbox').each(function (i) {
            $(this).quicksearch("[id*=<%=dgridTest.ClientID%>] tr:not(:has(th))", {
                'testQuery': function (query, txt, row) {
                    return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
                }
            });
        });
    });

我的 HTML 页面：

 <asp:GridView 
            ID="dgridTest" 
            runat="server"  
            UseAccessibleHeader="true"
            AutoGenerateColumns="False" 
            DataKeyNames = "Name" 
            PageSize="15" 
            OnRowCommand="dgridEmpleados_RowCommand" 
            Font-Size="Small" 
            BackColor="LightGoldenrodYellow" 
            BorderColor="Tan" 
            BorderWidth="1px" 
            CellPadding="2" 
            ForeColor="Black" 
            GridLines="None"  >

           <Columns>
      <asp:TemplateField HeaderText="Name" 
      HeaderStyle-HorizontalAlign="Left" Visible="True"> 
        <FooterTemplate> 
      <asp:Label 
       ID="lblNuemeroPer" 
        runat="server" 
          Text="">
                        </asp:Label> 
         </FooterTemplate> 
           <ItemTemplate> 
   <asp:Label 
         ID="lblNumPer" 
        runat="server" 
          CssClass="label label-success" 
          Font-Size="Small" 
          Text ='<%#Bind("Name") %>'>
                 </asp:Label> 
</ItemTemplate>                              
  <HeaderStyle HorizontalAlign="Left"></HeaderStyle>
        <HeaderTemplate >
    <asp:Label 
     ID="lblsearch " 
      runat="server" 
      Text="No. Permiso">
      </asp:Label>
      <input id="txtSearch " 
          type="text" 
       class="search_textbox" 
       maxlength="30"
          style="color:#777777; 
      width:150px; 
      background-image:url(../../Images/Search.png); background-position:right; 
   background-repeat:no-repeat;"   />

这是我的搜索框字段：

每当我尝试搜索某些东西时，什么都没有出现。

Answer 1

     $(function ()

     {   

    $('.search_textbox').each(function (i) {

    $(this).quicksearch("[id*=dgridTest] tr:not(:has(th))", {

            'testQuery': function (query, txt, row) {

    return $(row).children(":eq(" + i + 

    ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;

 }

        });


    });

});

试试这个.....