我有一个html元素,点击后会显示我的bxSlider。它在大多数情况下都很好用,但是它偶尔会显示一个箭头。当小于或等于3个幻灯片时(maxSlides为3),会发生这种情况。当点击箭头并且没有任何东西时,箭头就会消失,但它甚至不应该出现。我还没有看到它只显示两个箭头,通常它是正确的,但有时无论出于什么原因它会显示左边的箭头,即使只有一个项目。它很奇怪,我无法弄清楚它的干扰是什么。
这是我的bxSlider JS(使用jQuery)。
$('.specialty ul').bxSlider({
pager: false,
infiniteLoop:false,
hideControlOnEnd:true,
slideWidth: 200,
prevText: '←',
nextText: '→',
minSlides: 1,
maxSlides: 3,
slideMargin: 0,//10
onSliderLoad: function(){
$('.bx-wrapper').hide(0);//hide it until a user clicks on something to show it
info_hidden = true;
}
});