Почему bxSlider перестает работать после события щелчка? - PullRequest
Новая
       13

Почему bxSlider перестает работать после события щелчка?

0 голосов
/ 16 февраля 2019

Я создал своего рода удерживающую страницу для своего портфолио, но заметил странную проблему с bxSlider.

Он работает хорошо, пока я не нажму на какой-либо элемент, например кнопку, ссылку, чат Facebookи т. д. После того, как я щелкну любой из этих элементов, bxSlider перестанет менять слайды и вставит последний слайд, на котором он был до щелчка.

Я искал в Google, чтобы узнать, сталкивался ли кто-либо еще с таким поведениемно, похоже, об этом не сообщалось.Я также посмотрел в документации по bxSlider.

Вот HTML: 

<div class="bx-container">
    <ul class="bx-slider">
        <li>
            <img src="<?php echo get_bloginfo('template_directory'); ?>/assets/img/klbtg.jpg" alt="Project Image"/>
        </li>
        <li>
            <img src="<?php echo get_bloginfo('template_directory'); ?>/assets/img/bgld.jpg" alt="Project Image"/>
        </li>
        <li>
            <img src="<?php echo get_bloginfo('template_directory'); ?>/assets/img/klbth.jpg" alt="Project Image"/>
        </li>
        <li>
            <img src="<?php echo get_bloginfo('template_directory'); ?>/assets/img/bgle.jpg" alt="Project Image"/>
        </li>
        <li>
            <img src="<?php echo get_bloginfo('template_directory'); ?>/assets/img/klbtk.jpg" alt="Project Image"/>
        </li>
        <li>
               <img src="<?php echo get_bloginfo('template_directory'); ?>/assets/img/bglf.jpg" alt="Project Image"/>
        </li>
    </ul>
    <div class="bx-controls">
        <div class="bx-counter">
            01
        </div>
        <div class="bx-number">
            06
        </div>
        <div class="bx-line-placeholder">
            <div class="bx-line">

            </div>
        </div>
    </div>
</div>

Вот jQuery: 

$(document).ready(function() {
    var bxSlider = $('.bx-slider').bxSlider({
        auto: true,
        mode: 'fade',
        pause: 5000,
        speed: 1000,
        controls: false,
        pager: false,
        preloadImages: 'visible',
        onSliderLoad: function() {
            $('.bx-container').css('visibility', 'visible');
            $('.bx-line').css('animation', 'mAnimationBxLine 5s ease-in-out infinite');
},
        onSlideAfter: function() {
            $('.bx-counter').text('0' + (bxSlider.getCurrentSlide() + 1));
        }
    });
});

Ожидается: слайды продолжаютсяизменить даже после события щелчка.

Факт: bxSlider застревает на любом слайде, который был активен до события щелчка.

Чтобы увидеть проблему, перейдите на https://matthewmeaklim.com.

Заранее спасибо за любую помощь.

Приветствия,

Матфея

...