Как показать слайдер bx только при наличии слайда? - PullRequest
Новая
       18

Как показать слайдер bx только при наличии слайда?

0 голосов
/ 19 сентября 2019

В моем приложении rails я использую bxslider с одним из моих модальных устройств, чтобы показать несколько слайдов.всякий раз, когда пользователь рекламирует изображение, в слайдере создается новый слайд, но я хочу скрыть слайдер, когда слайда нет.

я пытался добавить встроенный стиль display:none; в класс bxslider и затем показатьэто когда bxslider загружается, я уже установил минимальный слайд bxslider равным единице.

Вот мой код: 

    <ul class="bxslider bhadwa" style="display: none">
  <% @highlights.each_cons(2) do |highlight1, highlight2| %>
  <% if highlight1.area == current_or_guest_user.search_area or highlight1.state == current_or_guest_user.search_state or highlight1.city == current_or_guest_user.search_city %>
  <% if highlight2.area == current_or_guest_user.search_area or highlight2.state == current_or_guest_user.search_state or highlight2.city == current_or_guest_user.search_city %>
      <li class="row">

        <span><%= link_to( image_tag(highlight1.image, width: 670, :class => "dali"), highlight1) %></span>
       <span> <%= link_to( image_tag(highlight2.image, width: 670, :class => "ruby"), highlight2) %></span>
      </li>
    <% end %>
    <% end %>
  <% end %>
</ul>

мой скрипт: 

<script>
$(document).ready(function(){
  $('.bxslider').show().bxSlider({
    auto: true,
     infiniteLoop: false,
     minSlides: 1,
        maxSlides: 40,
        slideWidth: 1550,
        slideMargin: 0,
        moveSlides: 1,
        shrinkItems: true,
        responsive: true,
        useCSS: true
  });
});
  </script>

любая помощь будетоценили ребята.

...