Минимальный шаблон bxslider приводит к пропуску одного слайда

Question

Минимальный шаблон bxslider приводит к пропуску одного слайда

0

У меня самый простой шаблон bxslider bones, о котором я могу думать, и у меня есть ошибка, когда второй слайд пропускается при нажатии правой стрелки. Ошибка происходит в Chrome + Firefox. Я использую самую последнюю версию. Вы заметите, что при нажатии следующей стрелки отображается "3".

Я должен делать что-то принципиально неправильно, но я не могу понять это.

ЗДЕСЬ ЖИЗНЬ ДЕМО: http://blastohosting.com/bxslider_bug/

КОД:

<!doctype html>
<html lang="en">
<head>
<script src="jquery.js"></script>
<script src="jquery.bxslider.js"></script>
<link rel="stylesheet" href="jquery.bxslider.css">

<script>
$(document).ready(function(){
    $("#features").bxSlider();
});
</script>
</head>

<body>
<div id="features">
    <div class="feature">
        1
    </div>

    <div class="feature">
        2
    </div>

    <div class="feature">
        3
    </div>  
</div>
</body>
</html>

Chris Muench 20 фев. 2014, в 00:19

Источник

Теги:

jquery

bxslider

2 ответа

Ещё вопросы

Chris Muench · Answer 1 · 2014-02-21T01-07-00.000Z

Я понял проблему, я понизил jquery до 1.8.2 (я использовал 1.11.0), и он работал, как ожидалось. Я открыл билет на github.com/wandoledzep/bxslider-4/issues/459

Papa · Answer 2 · 2014-02-19T22-02-00.000Z

Я бы рекомендовал использовать <ul> в соответствии с их примером, поскольку некоторые применяемые стили являются <li> специфическими. Он также работает намного лучше, когда есть изображения или контент, чтобы вытолкнуть высоту.

Проверьте мои скрипты:

С изображениями: http://jsfiddle.net/e4RLH/

С 1,2,3: http://jsfiddle.net/e4RLH/2/

Я выяснил проблему, я снизил jquery до 1.8.2 (я использовал 1.11.0), и он работал как ожидалось. Я открыл тикет на github.com/wandoledzep/bxslider-4/issues/459