jquery - 多个弹性滑块不起作用

Question

在我的 Rails 应用程序中，我在主页上有一个 Flexslider，然后在关于页面上的一个，我希望在其中进行与主页上的不同的自定义。现在关于页面上的行为与主页上的完全一样。我按照 flexsliders信息页面上的说明进行操作，但似乎仍然无法正常工作。

再培训局：

<div id="collection-slider" class="flexslider"> 
  <ul class="slides">
    <% if @collection_images.present? %>
      <% @collection_images.each do |image| %>
        <li>
            <%= image_tag(image.image(:large), rel: @collection.name) %>
        </li>
    <% end %>
<% end %>

jQuery

$(window).load(function() {
  $('.flexslider').flexslider({
  animation: "slide"
});

$('#collection-slider').flexslider({
  animation: "slide"
  directionNav: true,
});