bxslider 插件问题

发表于 | 分类于 | | 阅读次数

###bxslider在点击pager或上下页之后自动播放

这个是最近在项目中遇到的，bxslider在auto：true的时候会自动发播放，但是当你点击了上下页或者pager的序号之后自动播放就停止了。
经过一番搜索和各种翻查api，终于找出了解决办法，代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
翻页修改位置：
var clickPagerBind = function(e){
// if auto show is running, stop it
if (slider.settings.auto) el.stopAuto();
var pagerLink = $(e.currentTarget);
if(pagerLink.attr('data-slide-index') !== undefined){
var pagerIndex = parseInt(pagerLink.attr('data-slide-index'));
// if clicked pager link is not active, continue with the goToSlide call
if(pagerIndex != slider.active.index) el.goToSlide(pagerIndex);

el.startAuto();
e.preventDefault();
}
}

左右轮播按钮：
var clickNextBind = function(e){
// if auto show is running, stop it
if (slider.settings.auto) el.stopAuto();
el.goToNextSlide();
el.startAuto();
e.preventDefault();
}

var clickPrevBind = function(e){
// if auto show is running, stop it
if (slider.settings.auto) el.stopAuto();
el.goToPrevSlide();
el.startAuto();
e.preventDefault();
}

这个才是左右按钮的，加上
el.startAuto();
这段代码