IE9中的Bootstrap下拉菜單不起作用

我想使用bootstrap twitter在rails 3.2.8上創建一個下拉菜單。該下拉菜單在Firefox中可用，但無法在IE9中打開。這裏是我到目前爲止的代碼：IE9中的Bootstrap下拉菜單不起作用

<!DOCTYPE HTML> 
<html> 
<head> 
<title><%= full_title(yield(:title)) %></title> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript" src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap- 
dropdown.js"></script> 

<%= stylesheet_link_tag "application", media: "all"%> 
<%= javascript_include_tag%> 
<%= csrf_meta_tags %> 
<!--[if lt IE 9]> 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
</head> 
<body> 
<div class="navbar .navbar-fixed-top"> 
<div class="nav-collapse"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a class="brand" href="#"> 
      Home 
     </a> 
     <ul class="nav"> 
      <li class="dropdown" id="fat-menu"> 
       <a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown"> 
        Drop-Down Menu 
        <b class="caret"></b> 
       </a> 
       <ul class="dropdown-menu"> 
        <li><a>SAve</a></li> 
        <li class="divider"></li> 
        <li><a>Print</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</div> 
</div> 
</div> 
<script>$(function() {$('.dropdown-toggle').dropdown()});</script>  
<div class="container"> 
    <%= yield %> 
</div> 
</body> 
</html>

請在那裏，我需要做些什麼來解決對IE9的問題的東西嗎？謝謝

來源

2012-09-26 joe