如何在JQuery liveFilter中添加多个搜索字段

时间:2013-04-04 16:56:18

标签: javascript jquery search

我从数据库输出信息并在JQuery手风琴中显示。容易,完成。

但是我想要有很多这样的东西,所以我想添加一个搜索功能。特别是liveFilter的那个。

但我希望能够分别搜索代码段的标题和内容。到目前为止,我已经能够成功搜索Div手风琴内部的所有内容,但不能搜索单个元素。我到目前为止的尝试。

JQuery

  <script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: true
    });
  });
  $(function() {
        $('#search_input_1').fastLiveFilter('#code_title');
    });
    $(function() {
        $('#search_input_2').fastLiveFilter('#code_content');
    });
  </script>

PHP输出

<p><div id="accordion"><h3 id="code_title">Printing while loop - PHP</h3>
<div id="code_content"><p>Bla bla bla bla</p></div></div>

Html搜索

            <p>Title / Language: <input id="search_input_1" placeholder="Title or Language"> Content / Description: <input id="search_input_2" placeholder="Content or Description">

据我所知,这应该有效,但事实并非如此。不搜索或返回 code_title code_content id'd标记的结果。

我目前正在使用它running here所以你可以看到我的意思,但这是搜索Div手风琴的第一个搜索输入。第二个仍会搜索 code_content ,以便您可以看到它无法正常工作。

有谁知道为什么这不起作用? 附:手风琴中有文字,但是是白色的,所以混合在一起。

也在旁注,如果有人知道如何让他们在被搜查后返回崩溃我会无限感激他们

0 个答案:

没有答案