Jquery 引导导航栏在Tumblr中未正确折叠?
导航栏在折叠时没有响应,并且不会展开 我调用了jquery,下面是代码:Jquery 引导导航栏在Tumblr中未正确折叠?,jquery,twitter-bootstrap,twitter-bootstrap-3,tumblr,Jquery,Twitter Bootstrap,Twitter Bootstrap 3,Tumblr,导航栏在折叠时没有响应,并且不会展开 我调用了jquery,下面是代码: {block:HasPages} <nav class="navbar navbar-inverse" role="navigation"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div c
{block:HasPages}
<nav class="navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
{block:Pages}
<li>
<a href="{URL}" class="page">{Label}</a>
</li>
{/block:Pages}
</ul>
</div>
</div>
</nav>
{/block:HasPages}
{block:HasPages}
切换导航
{块:页}
-
{/block:Pages}
{/block:HasPages}
我在本地试用了它,并从CDN中添加了Boostrap JS,效果非常好
只需包含bootstrap.js,它就可以正常工作。有点冒险,但您不需要包含bootstrap.js函数吗?我想你需要链接到这个。另一件事是先让它在一个简单的html文件上运行以进行测试,然后尝试将它移植到tumblr。@拉比是对的,我查了你的源代码,找不到
bootstrap.js
或bootstrap.min.js
,如果你想保存一些字节,你需要包括其中一个,或者只包括bootstrap dropdown.js
,这就解决了问题。谢谢大家!但我不明白为什么会这样?