Javascript 引导3.x导航栏未折叠

Javascript 引导3.x导航栏未折叠,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,Bootstrap 3导航栏在桌面pc和移动浏览器的小宽度浏览器上可以全屏正常扩展,但在使用切换导航按钮时不会向下滑动。。。我尝试在示例中使用相同的代码:。。。除了我自己的个人包含,所有的css、js和代码结构都模仿了示例页面。。。有推特引导者能帮我吗?祝福 测试页面的URL: Autoexcelente-测试页面 $(函数(){ 变量_滚动={ 延误:1000, “线性”, 项目:1, 持续时间:0.07, 超时持续时间:0, pauseOnHover:“立即” }; $(#ticker-2

Bootstrap 3导航栏在桌面pc和移动浏览器的小宽度浏览器上可以全屏正常扩展,但在使用切换导航按钮时不会向下滑动。。。我尝试在示例中使用相同的代码:。。。除了我自己的个人包含,所有的css、js和代码结构都模仿了示例页面。。。有推特引导者能帮我吗?祝福

测试页面的URL:


Autoexcelente-测试页面
$(函数(){
变量_滚动={
延误:1000,
“线性”,
项目:1,
持续时间:0.07,
超时持续时间:0,
pauseOnHover:“立即”
};
$(#ticker-2')。卡鲁弗雷德塞尔({
宽度:1000,
对,,
通告:对,,
项目:{
宽度:“变量”,
身高:35,
可见光:2
},
滚动:_滚动
});
$('caroufredsel_wrapper').css('width','100%);
});
(函数(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]| |函数(){
(i[r].q=i[r].q | |[]).push(参数)},i[r].l=1*新日期();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(窗口,文档,“脚本”,“www.google-analytics.com/analytics.js”,“ga”);
ga(“创建”、“UA-42639445-1”、“autoexcelente.com”);
ga(‘发送’、‘页面浏览’);
(功能(d、s、id){
var js,fjs=d.getElementsByTagName[0];
if(d.getElementById(id))返回;
js=d.createElement;js.id=id;
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js,fjs);
}(文档“脚本”、“facebook jssdk”);
切换导航


  • &抄袭

    - - -


在包含bootstrap.js之前,必须先包含jquery。 所以不是

    <script src="http://www.autoexcelente.com/assets/js/bootstrap.js" type="text/javascript"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

你应该试试

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
    <script src="http://www.autoexcelente.com/assets/js/bootstrap.js" type="text/javascript"></script>


顺便说一句:您还应该检查开发人员工具输出(例如chrome F12),并检查无法加载的错误和资源。通过这种方式,你可能会发现自己出了什么问题;)不过,还有一些其他问题。查看:)

在您的页面上,JS inspect元素抛出错误:

错误:引导需要jQuery

您包含文件的顺序不正确

首先包括jquery,然后执行引导,更改以下内容:

<script src="http://www.autoexcelente.com/assets/js/bootstrap.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

为此:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="http://www.autoexcelente.com/assets/js/bootstrap.js" type="text/javascript"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src="http://www.autoexcelente.com/assets/js/bootstrap.js" type="text/javascript"></script>