jquery - 单击控件后自动滑动不起作用

标签 jquery css bxslider

在 boxslider 中,自动滑动第一次工作正常。但是当我们点击控件(左右箭头)时,自动滑动就不起作用了。这是我的代码:

<ul id="slider-assocoates">
    <li><a href="#" target="_blank"><img src="images/abcdef.png" /></a>
    </li>
     <li><a href="#" target="_blank"><img src="images/abc.png" /></a>
     </li>
</ul>
    <nav>
        <a href="#" id="go-prev-assocoates" class="left-arrow">Prev</a>
        <a href="#" id='go-next-assocoates' class="right-arrow">Next</a>
    </nav>

$(function(){
  var slider = $('#slider-assocoates').bxSlider({
    controls: false,
    auto: true,
    pause: 6000
  });

  $('#go-prev-assocoates').click(function(){
    slider.goToPreviousSlide();
    return false;
  });

  $('#go-next-assocoates').click(function(){
    slider.goToNextSlide();
    return false;
  });

最佳答案

这可能会解决您的问题;我在我的一个元素中遇到了同样的问题:

slider.startShow();

关于jquery - 单击控件后自动滑动不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9426117/

相关文章:

jquery - IE 中不添加 em 标签

html - bootstrap .nav-pills 背景颜色

javascript - bxslider 稍微切断图像

whitespace - Bxslider 不需要的顶部和底部空白

jquery - 如何使用 jquery.gmap.js 将谷歌地图 v3 居中

javascript - 如何获取带有attr的两个元素

php - 当滚动到窗口顶部时,加载结果 jQuery

css - Fullcalendar 事件具有不饱和的背景颜色

css - 固定双标题,可滚动内容(移动应用程序)

javascript - (bxslider) 使用带有文字而不是圆圈的 slider 寻呼机