Bootstrap:自动导航栏不起作用

时间:2015-12-08 06:52:52

标签: jquery twitter-bootstrap

我正在使用Bootstrap v3.3.5并在顶部和底部有一个固定的导航栏。这是调用navbar的代码

<nav class="navbar navbar-inverse navbar-fixed-top">

我正在使用http://www.virtuosoft.eu/code/bootstrap-autohidingnavbar/中描述的自动隐藏插件,下载了js文件并放置在脚本文件夹中。我在头脑中调用这个js文件:

<script src="scripts/jquery.bootstrap-autohidingnavbar.min.js"></script>

我正在调用页面底部的脚本:

<script>$('.navbar-fixed-top').autoHidingNavbar('setDisableAutohide', true);</script>

Autohide无效。任何人都可以帮我解决问题

2 个答案:

答案 0 :(得分:1)

<script>$('.navbar-fixed-top').autoHidingNavbar('setDisableAutohide', true);</script>

您专门禁用自动隐藏,而不是启用它。试试$('.navbar-fixed-top').autoHidingNavbar();

答案 1 :(得分:0)

我建议你做一些事情,以便在你现在和未来进行调试时帮助自己。

获取开发人员工具以帮助您检查页面。我喜欢chromes https://developer.chrome.com/devtools

单击开发人员工具的控制台。在这里你可以检查你的代码是否有问题。也许你输入了一个错误导致js失败,或者你没有正确加载其中一个库..它可能会给你一些见解什么出错了。

在您收集有关您的问题的更多信息后,请更新您的问题,以便我们帮助您解决和学习。