我需要帮助清理我的代码，并使用我的jQuery

Question

我的代码需要帮助，因为我的注册导航栏和搜索图标的jQuery无法正常工作。另外由于某些原因，带有引导程序的移动设备的图标栏在点击时没有响应。

我的代码如下。

  <a href="http://jsbin.com/voxamevoze/edit?html,output">

Answer 1

您的示例代码很乱。至少将代码拆分到不同的部分，以便我们更容易为您调试它。

无论如何，这是您的代码的主要问题：

jQuery('html').click(function (event) {
    jQuery('.dropdown-menu1').fadeOut( "first" );
    event.stopPropagation();
})

您正在为整个html文档分配一个单击处理程序，并防止发生任何冒泡。您应该只将click事件分配给与之交互的元素，例如：

$('#dropdown-toggle1').click(function(event){
    jQuery('.dropdown-menu1').fadeOut( "first" );
    event.stopPropagation();
});

此外，导航栏切换按钮的目标元素是错误的，因此它不会触发bootstrap导航栏js：

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="navbar-collapse">

data-target应该引用您的目标nav元素，在本例中为data-target="#navbar"

最后，菜单图标不会显示在示例代码中，因为您没有链接示例中fontawesome库的工作副本。列出的css源指向您的本地版本。