需要获取当前幻灯片编号 - 基本JQuery滑块

时间:2015-01-19 07:01:50

标签: javascript jquery slider

我正在使用Basic JQuery Slider,如何获取有效/当前号码,我正在使用多个滑块。

var bannerslides = $('#banner-slides').bjqs({
   animtype     : 'slide'
});
var bannerslides2 = $('#banner-slides2').bjqs({
   animtype     : 'slide'
});

修改

$scope.update = function() {
//Need to get slider number here, like
console.log(bannerslides.index());
}

HTML:

<div id="banner-slides">   
   <ul class="bjqs>
       <li>
           ...
       </li>
       <li>
           ...
       </li>
   </ul>

我实际上需要在按钮的点击事件中决定一个动作。

1 个答案:

答案 0 :(得分:2)

修改插件以获取当前幻灯片编号。

刚添加了一个函数来返回活动/当前幻灯片。

文件末尾的init(); return this;上方bjqs-1.3.js

添加以下功能。

this.getactiveslide = function() {
   return state.currentindex;  
};

并称之为console.log(bannerslides.getactiveslide());

希望这有助于并节省将来的时间。