Несколько слайдеров Flexslider в IE7 не отображаются

0

Я пытаюсь получить несколько слайд-шоу на одной странице, чтобы работать, однако IE7 не играет в мяч.

Я убедился, что у моего jQuery нет конца "," в конце опций, и я также попробовал jQuery 1.7.2, 1.9 и самую последнюю версию 1.10.

Мой html:

<div class="flexslider slidegallery">
   <ul class="slides">
      <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
      <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
      <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
   </ul>
</div>
<div class="flexslider slidegallery2">
       <ul class="slides">
          <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
          <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
          <li><img src="images/XXXXXXXX.jpg" alt="" /></li>
       </ul>
    </div>

JQuery:

$('.slidegallery').flexslider({
        animation: "slide",
        directionNav: false
    });
    $('.slidegallery2').flexslider({
        animation: "slide",
        directionNav: true,
        prevText: "",
        nextText: "",
        slideshow: false
    });

У меня есть в общей сложности 3 слайд-шоу - два на "слайд-галерее", а один - "слайд-галерея2". Первая галерея ("слайд-галерея") появится, но две другие не будут.

Когда я удалю первую галерею, вторая галерея будет работать. Кто-нибудь наткнулся на эту проблему раньше?

EDIT: Я собираюсь предположить, что это какая-то ошибка. В конце я использовал предыдущую версию flexslider.js(v2.0), тогда как до того, как я использовал последнюю версию (v2.2). Как только я понизил JS файл, IE7 работал корректно, как и при использовании нескольких слайд-шоу. Надеюсь, это поможет кому-то.

Теги:
slideshow
flexslider
internet-explorer-7

1 ответ

0

У меня такая же проблема. Несколько слайдеров не работают в IE7, отображается только первое. Эта ошибка находится в версии 2.2.2, но не в 2.1. Я сравнивал оба сценария по очереди и нашел код, который отвечает за эту ошибку. Здесь он находится в jquery.flexslider.js:

slider.find("img").attr("draggable", "false");

В jquery.flexslider-min.js это:

r.find("img").attr("draggable","false");

Удаление этой строки устраняет проблему. Рад, что это помогает.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню