Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
哪个jQuery插件可以搜索元素并在DIV中实时显示它们?_Jquery_Html_Search_Plugins_Navigation - Fatal编程技术网

哪个jQuery插件可以搜索元素并在DIV中实时显示它们?

哪个jQuery插件可以搜索元素并在DIV中实时显示它们?,jquery,html,search,plugins,navigation,Jquery,Html,Search,Plugins,Navigation,我正在搜索一个jQuery插件,它允许我: 具有将用于用户搜索文本的输入 搜索my elements显示符合第一次输入的搜索字符串的所有元素。就像一个通过元素的搜索系统,但我需要在其他一些DIV中显示这些元素 我当前正在使用快速搜索() 它工作得很好,我只有一个问题: 我的导航是这样的: <div class="nav-column"> <h3>Š</h3> <ul class="submenu"> <li><a href=""&

我正在搜索一个jQuery插件,它允许我:

  • 具有将用于用户搜索文本的输入
  • 搜索my elements
  • 显示符合第一次输入的搜索字符串的所有元素。就像一个通过元素的搜索系统,但我需要在其他一些DIV中显示这些元素
  • 我当前正在使用快速搜索() 它工作得很好,我只有一个问题:

    我的导航是这样的:

    <div class="nav-column">
    <h3>Š</h3>
    <ul class="submenu">
    <li><a href="">
    Šentjur <small>(2)</small></a></li>
    <li><a href="">
    Šmarje <small>(2)</small></a></li>
    </ul>
    </div>  
    
    这就像魅力一样,除了h3元素总是停留在那里,我明白了:
    ######在调用触发器后调用的函数

    使用这个选项,你应该能够实现你的目标。函数应该是这样的

    function(){
      $('h3').each(function(){
        var $this = $(this);
        //selecting all visible li elements associated to the title
        var $li = $this.next('.submenu').find('li:visible');
    
        //hiding or showing h3
        if($li.length>0)
           $this.show();
        else
           $this.hide();
      });
    }
    
    如果每个字母有一个div,您可能可以使用
    div class='nav-column'

    ######在调用触发器之后调用的函数

    使用这个选项,你应该能够实现你的目标。函数应该是这样的

    function(){
      $('h3').each(function(){
        var $this = $(this);
        //selecting all visible li elements associated to the title
        var $li = $this.next('.submenu').find('li:visible');
    
        //hiding or showing h3
        if($li.length>0)
           $this.show();
        else
           $this.hide();
      });
    }
    

    如果每个字母有一个div,您可能可以使用
    div class='nav-column'

    学习编码而不是使用插件有任何事件绑定到搜索功能吗?如果是的话,我想你只需要在事件被触发时根据显示的元素隐藏/显示任何h3元素。是的,使用该选项:
    ####on在调用触发器后调用的函数
    学会编码而不是使用插件有任何绑定到搜索函数的事件吗?如果是的话,我想你只需要在触发事件时根据显示的元素隐藏/显示任何h3元素。是的,使用该选项:
    #####onAfter函数在调用触发器后调用