0

ブートストラップ ボタン ドロップダウンの例を作成しました。

<!DOCTYPE html>
<html>
  <head>
    <title>Button</title>
   <link rel="stylesheet" href="stylesheets/bootstrap.css"/> 
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
  </head>
  <body>
    <div class="btn-group">
      <button class="btn btn-success">Action</button>
      <button class="btn btn-success dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        <li><a href="">HI</a></li>
        <li><a href="">BYE</a></li>
      </ul>
    </div>
  </body>
</html>

そして、この例はうまく機能しています。しかし、Rails 3 アプリケーションで同じものを作成すると、ドロップダウンが機能しません。これが私のコードです：Application.html.erbで

<!DOCTYPE html>
<html>
    <head>
        <title>Accounting-ProfitBooks</title>
        <%= stylesheet_link_tag 'style','custom','report','jquery-ui' %>
        <%= stylesheet_link_tag 'jquery.ui.datepicker' %>
        <%= stylesheet_link_tag 'ui.dropdownchecklist' %>
        <%= stylesheet_link_tag "jquery-1.7.2-ui.css" %>
        <%= javascript_include_tag "jquery-1.4.2.min", "jquery-1.8.1.ui.min", "jsapi" %>
        <%= stylesheet_link_tag "zendesk.css" %>
        <%= javascript_include_tag "zendesk.js" %>
        <%= stylesheet_link_tag "bootstrap.css" %>
        <%= javascript_include_tag "bootstrap.js"%>
        <%= javascript_include_tag "bootstrap.min.js"%>
        <%= javascript_include_tag "bootstrap-dropdown.js"%>
        <%= javascript_include_tag :defaults %>
        <%= javascript_include_tag 'jquery-1.6.4.min.js',"jquery-1.8.ui.min.js" %>
        <%= javascript_include_tag 'jquery.ui.core.min' %>
        <%= javascript_include_tag 'ui.dropdownchecklist' %>
        <%= javascript_include_tag 'jquery.ui.widget.min' %>
        <%= javascript_include_tag 'jquery.ui.tabs.min' %>
        <%= javascript_include_tag 'jquery.tipTip.min' %>
        <%= javascript_include_tag 'jquery.ui.datepicker' %>
        <%= javascript_include_tag 'jquery.ui.autocomplete.min' %>
        <%= javascript_include_tag 'jquery.superfish.min' %>
        <%= javascript_include_tag 'jquery.supersubs.min' %>
        <%= javascript_include_tag 'jquery.validate_pack' %>
        <%= javascript_include_tag 'jquery.nyroModal.pack' %>
        <%= javascript_include_tag 'jquery.dataTables.min' %>
        <%= javascript_include_tag 'nested_form' %>
        <%= javascript_include_tag 'best_in_place' %>
        <%= javascript_include_tag 'colortip-1.0-jquery.js'%>
        <%= javascript_include_tag 'script.js'%>

            <%= csrf_meta_tag %>
</head>

ここに私のhtmlがあります：

<div class="btn-group">
      <button class="btn btn-success">Action</button>
      <button class="btn btn-success dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
      </button>
      <ul class="dropdown-menu">
        <li><a href="">HI</a></li>
        <li><a href="">BYE</a></li>
      </ul>
    </div>

それらは私のjqueryの問題だと思いますが、追跡できません。助けていただければ幸いです。

4

1 に答える 1

0

この問題の解決策があります。実際には、jquery に問題があるため、最新の jquery をダウンロードして適用するとうまくいきます。ここに私の新しいjqueryファイルがあります：

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

両方を application.htm.erb レイアウト ファイルに含めましたが、すべて問題ありません。

于 2013-05-24T11:24:12.493 に答える