Javascript jQuery-bxSlider插件重载滑块问题
我将jQuery与bxSlider插件一起使用,下面是指向它的链接,以防万一: 我正在尝试在删除某些幻灯片后重新加载滑块和自定义寻呼机 以下是我尝试过的:Javascript jQuery-bxSlider插件重载滑块问题,javascript,jquery,bxslider,Javascript,Jquery,Bxslider,我将jQuery与bxSlider插件一起使用,下面是指向它的链接,以防万一: 我正在尝试在删除某些幻灯片后重新加载滑块和自定义寻呼机 以下是我尝试过的: $(function() { var slider = $('#slider').bxSlider({ pagerCustom: '#bx-pager' }); $('.list').on('click', '.delete', function() { image = $(this)
$(function() {
var slider = $('#slider').bxSlider({
pagerCustom: '#bx-pager'
});
$('.list').on('click', '.delete', function() {
image = $(this).closest('li').find('[type="hidden"]');
// image.attr('id') contains a string: image-0, image-1, image-2, etc.
$('#slider, #bx-pager').find('.' + image.attr('id')).remove();
slider.reloadSlider({
pagerCustom: '#bx-pager'
}); // I have also tried: slider.reloadSlider();
});
});
它部分起作用。发生的情况是,滑块重新加载得很好,但在运行重新加载时,它会完全删除寻呼机
非常感谢您的帮助。据我所知,这是bxSlider中的一个bug,事实上,当您调用
reloadsilder
方法时,内部称为destroilder
和init
方法
在destroySlider
方法中,pagerEl
元素被销毁,如果您没有使用自定义元素,这是正确的,因为它是在init
方法中以编程方式重新创建的,但是如果您使用自定义元素,则无法以编程方式重新创建
最后,我修改了destroy slider
方法来检查是否使用了自定义寻呼机,在这种情况下,它不能被删除
以下是前一行(第1294行):
及之后:
if (slider.settings.pagerCustom === '') {
if(slider.pagerEl) slider.pagerEl.remove();
}
我一有时间就会把这个bug发布到GitHub上。这里也有同样的问题。你找到解决办法了吗?你是冠军!谢谢你千倍=)很高兴这很有帮助:)我刚刚向项目的git提交了一个请求。@MicheleGargiulo你有到你的GitHub问题/PR的链接吗?谢谢@DavidBarratt另一份稿件已提交,以下是链接:
if (slider.settings.pagerCustom === '') {
if(slider.pagerEl) slider.pagerEl.remove();
}