Bootstrap多選擇列表未針對Rails打開

Question

多選表單已正確呈現，但僅顯示第一個未選中的選項。 當我單擊它時，它不會顯示可供選擇的技能列表。

我已經安裝了bootstrap-multiselect-rails gem。 我已經將* = require bootstrap-multiselect添加到application.css，並且// =將bootstrap-multiselect添加到application.js。

task / new.html.erb

<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>


<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/>

<script type="text/javascript">
    $(document).ready(function() {
        $('#example-getting-started').multiselect();
    });
</script>

<div class="container">
<h2>Create Task</h2>
<%= form_for(@task) do |f| %>

  <div class="space">
  <p>Skills:</p>
  </div>
  <div class="space">
    <label id="example-getting-started"">
        <%= f.collection_select :skill_ids, @skills, :id, :name, {include_blank: true}, {multiple: true} %>
    </label>
  </div>


  <%= f.submit "Post", class: "btn button" %>
<% end %>
</div>

Answer 1

<label id="example-getting-started"">

您正在標簽上調用多重select ，需要在select元素上調用它。 找出那個ID是什么，然后對其進行多重選擇。