Javascript bxslider在不需要时显示箭头

我有一个html元素，当单击它时，它将显示我的bxSlider。它在大多数情况下都工作得很好，但有时它会在不应该的时候显示箭头。如果少于或等于3张幻灯片，则会发生此情况maxSlides为3。当箭头被点击，但没有任何东西时，箭头会自动消失，但它甚至不应该出现。我没有看到它在不需要时同时显示两个箭头，通常是一个箭头，但有时出于任何原因，它会显示左侧箭头，即使只有一个项目。它很古怪，我不知道它作为间歇词在做什么

下面是我使用jQuery为bxSlider编写的JS

$('.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;
}
});

---

你可以发布bxSlider用来创建幻灯片的HTML代码，或者一些相关的CSS吗。我已经处理了很多关于bxSlider的问题，但是我需要了解更多。好的，这是HTML、JS和CSS，我把它们放在了pastebin中，希望能有所帮助。另一件事是代码使用fancybox来放置滑块，这可能会导致问题，这与fancybox有什么关系？