bxSlider reloadSlider () не определен после загрузки страницы - PullRequest
Новая
       13

bxSlider reloadSlider () не определен после загрузки страницы

0 голосов
/ 18 января 2019

Я работаю над закачкой и обновлением галереи (на основе AJAX и jQuery) применение.

Я могу загрузить несколько изображений с помощью перетаскивания и после загрузки. Я должен посмотреть, как будет выглядеть новая галерея с загруженными элементами, которая находится в карусели на основе bxslider (без перезагрузки страницы). Я сделал это успешно с помощью части загрузки-обновления. Однако при обновлении слайдов атрибуты bxslider из конфигурации теряются.

Когда я хочу использовать функцию reloadSlider(), я вижу следующую ошибку в консоли Chrome:

Невозможно прочитать свойство 'reloadSlider' из неопределенного 

$(document).ready(function() {
  $('.gallery_output').bxSlider({
    slideWidth: 222,
    minSlides: 1,
    maxSlides: 5,
    pager: false,
    slideMargin: 0
  });
});

function refresh_slider() {
  var sliderToRefresh = $('.gallery_output').bxSlider({
    auto: true,
    controls: true
  });
  sliderToRefresh.reloadSlider();
}

UPDATE: Я добавил кнопку, чтобы вызвать событие, но получил ту же ошибку. 

$('#refresh').click(function(){
    var sliderToRefresh; 
    sliderToRefresh = $('.gallery_output').bxSlider({
        auto: true,
        controls: true
    });
    sliderToRefresh.reloadSlider();
});

В целом, я просто хочу перезагрузить bxSlider с запущенной функцией без перезагрузки страницы. Есть идеи, почему reloadSlider() не работает?

1 Ответ

0 голосов
/ 18 января 2019

Вы определяете bxSlider в .gallery_output, а затем пытаетесь получить к нему доступ в #gallery_output:)

...