Javascript 如何使用新的菜单布局和代码获得搜索弹出窗口？

我正在尝试为一个站点创建一个新菜单，该站点是实时的，并且有一个

弹出式搜索栏

。就当前站点/版本的搜索而言，一切正常。我将新的菜单代码与搜索代码一起添加到开发人员页面

单击放大镜按钮时，我似乎无法使搜索弹出/显示。我很困惑

以下是我用于搜索的

html

代码：

<div class="hidden-xs navbar-form navbar-right">
    <a href="#search" class="search-form-tigger btn btn-success"  data-toggle="search-form"><i class="fa fa-search" aria-hidden="true"></i></a></div>               
<div class="search-form-wrapper">
    <form class="search-form" id="siq_searchForm" action="">
        <div class="input-group">
            <input type="search" name="s" class="search form-control" value="" placeholder="Type here to search...">
            <span class="input-group-addon" id="basic-addon2"><i class="fa fa-search" aria-hidden="true"></i></span>
        </div>
    </form>
</div>

这里还有一个到dev页面的链接

任何和所有的帮助将不胜感激

---

提前谢谢

搜索弹出窗口的代码有效且有效，只是没有执行。我认为问题在于，您的代码导致了错误并中断了JS的其余部分。在浏览器控制台中查看，您将看到：

index-menu-test.htm:2019 Uncaught TypeError: $(...).loopSlider is not a function
    at HTMLDocument.<anonymous> (index-menu-test.htm:2019)
    at j (jquery.js:2)
    at Object.fireWith [as resolveWith] (jquery.js:2)
    at Function.ready (jquery.js:2)
    at HTMLDocument.I (jquery.js:2)

index menu test.htm:2019未捕获类型错误：$（…）。loopSlider不是函数
在HTMLDocument。（index menu test.htm:2019）
在j（jquery.js:2）
在Object.fireWith[as resolveWith]（jquery.js:2）
在Function.ready（jquery.js:2）
在HTMLDocument.I（jquery.js:2）

---

我需要更多关于您正在使用哪些库来有效诊断该问题的信息，但我怀疑如果您解决了这个问题，您的菜单将正常工作。

感谢您查看此问题。我想让我如此困惑的是搜索在这里工作（使用当前导航）：。但是当我添加新的导航时，主要是css和一些div，它就坏了。该url位于此处：。你说得对，当我快速移动包含“loopSlider”的JS时，搜索弹出窗口就会工作！让我看看我是否能找出是否需要这些代码。再次感谢！！

index-menu-test.htm:2019 Uncaught TypeError: $(...).loopSlider is not a function
    at HTMLDocument.<anonymous> (index-menu-test.htm:2019)
    at j (jquery.js:2)
    at Object.fireWith [as resolveWith] (jquery.js:2)
    at Function.ready (jquery.js:2)
    at HTMLDocument.I (jquery.js:2)