Question

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>

在顶部，功能一词显示但是有下拉列表，我网站上的其他内容会导致其失败？

Answer 1

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

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

Answer 2

如上所述，您需要调用bootstrap 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文件之后将其命名为

 <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>

无法弄清楚如何让Bootstrap下拉按钮与我的网站一起使用

2 个答案: