Я пытаюсь получить несколько слайд-шоу на одной странице, чтобы работать, однако 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 работал корректно, как и при использовании нескольких слайд-шоу. Надеюсь, это поможет кому-то.
У меня такая же проблема. Несколько слайдеров не работают в 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");
Удаление этой строки устраняет проблему. Рад, что это помогает.