無法弄清楚如何獲得引導下拉按鈕我的網站

Question

www.wishywell.net

我讀的引導引導工作，它應該是那麼容易，因爲添加幾行代碼有一個按鈕下拉菜單

<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）文件作爲資源。

您可以通過引導提供的zipball內找到這些文件： http://twitter.github.io/bootstrap/assets/bootstrap.zip

Answer 2

正如上面提到的，你需要調用引導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) 
     }) 
    })(); 

}); 

和後調用它你叫喜歡

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