Question

我正在开发一个实时上传和刷新库（基于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();
}

更新：我添加了一个按钮来触发事件，但出现相同的错误。

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

总体而言，我只想使用触发函数来重新加载bxSlider，而无需重新加载页面。 reloadSlider()为什么不起作用的任何想法？

Answer 1

您正在.gallery_output中定义bxSlider，然后尝试在#gallery_output上访问它：）

页面加载后，bxSlider reloadSlider（）未定义

1 个答案: