2

www.wishywell.net

我阅读了 Bootstrap 指南，它应该像添加这些代码行一样简单，以便拥有一个带有下拉菜单的按钮

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" role="button" href="#">Features <b class="caret"></b></a>
    <ul class="dropdown-menu" role="menu">
        <li><a href="blog.html" tabindex="-1">Blog</a></li>
        <li><a href="single.html" tabindex="-1">Blog Single</a></li>
        <li><a href="dividers.html" tabindex="-1">Dividers</a></li>
    </ul></li>

在顶部，出现了“功能”一词，但有下拉菜单，我的网站上是否有其他原因导致它失败？

4

2 回答 2

1

为了正确使用 Bootstrap 的 Javascript 组件，您需要将 bootstrap.js（或 bootstrap.min.js）文件作为资源包含在您网站的页面上。

您可以在 bootstrap 提供的 zipball 中找到这些文件：http: //twitter.github.io/bootstrap/assets/bootstrap.zip

于 2013-04-17T03:03:40.530 回答
0

如上所述，您需要调用引导 javascript 组件。

您还需要更改http://www.wishywell.net/js/backtotop.js文件，如

$(document).ready(function(){


    application.init ();


(function () {
        a('<i id="back-to-top" class="icon-chevron-up"></i>').appendTo(a("body"));
        a(window).scroll(function () {
            if (a(this).scrollTop() != 0) {
                a("#back-to-top").fadeIn()
            } else {
                a("#back-to-top").fadeOut()
            }
        });
        a("#back-to-top").click(function () {
            a("body,html").animate({
                scrollTop: 0
            }, 600)
        })
    })();

});

并在调用 jquery 文件后调用它

    <!-- Start: Java Script -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 <script src="http://cdn.jsdelivr.net/flexslider/2.0/jquery.flexslider-min.js"></script> 
<script src="/js/backtotop.js"></script>
于 2013-04-17T03:07:13.250 回答