bxslider работает на Chrome и Firefox, но не на IE10
Я создал сайт, и я использую bxslider на домашней странице. Дело в том, что он работает в Firefox и Chrome, но не работает должным образом в Internet Explorer (я использую IE10).
Вот мой код
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="includes/box/jquery.bxslider.js"></script>
<link rel="stylesheet" href="includes/box/jquery.bxslider.css" />
<script type="text/javascript">
$(document).ready(function() {
$('.bxslider').bxSlider({
auto: true,
autoControls: false,
captions: false,
speed: 5000,
mode: 'horizontal',
});
});
<div id="slider">
<ul class="bxslider">
<li><img src="afbeeldingen/basiswebpakket.png" title="Basis webpakket - Statische websites" /></li>
<li><img src="afbeeldingen/basiswebpakket.png" title="afbeelding2" /></li>
<li><img src="afbeeldingen/basiswebpakket.png" title="afbeelding3" /></li>
</ul>
</div>
Я не понимаю, почему он работает на Firefox и Chrome, но не работает на IE. Как видите, точки в правом верхнем углу меняют изображения, но вы не видите их на странице.
Я надеюсь, что вы, ребята, можете мне помочь.
3 ответа
Можете ли вы попробовать использовать последнюю версию JQuery? Я вижу, что вы используете v1.8.2, мой сайт использует v1.9.0, и он отлично работает в IE10.
Для всех, кто ищет... Версии Jquery не были проблемой, я изменил свой режим документа на edge
(был ранее content="IE=7"
), это была моя проблема, так что проверьте это!
Убедитесь, что у вас выглядит что-то похожее на это...
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
Почему вы загружаете jquery 1.8.2 и 1.4.2? Вы должны удалить вторую строку:
<script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>