1

ブートストラップツイッターを使用して、レール3.2.8にドロップダウンメニューを作成したいと思います。ドロップダウンはFirefoxで機能しますが、IE9では開きません。これが私がこれまでに持っているコードです：

<!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の問題を修正するために必要なことはありますか？ありがとう

4

2 に答える 2

1

MIMETYPEはtext/plainであり、IE9はそれを拒否するため、https： //raw.github.com/twitter/bootstrap/master/js/bootstrap-dropdown.jsを使用することはできません。

リソースをダウンロードしてローカルで提供するか、有効なcdnを見つけてください。

例： http： //jsfiddle.net/2D7wD/1/

使用：<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>

于 2012-09-26T18:53:25.217 に答える
0

data-toggle属性とJavascript呼び出しは必要ありません。スクリプトはdata-toggle、プラグインを検索してインスタンス化します。

どちらか一方を削除してみてください。

于 2012-09-26T18:54:59.540 に答える