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

Need to Get Current Slide number - Basic JQuery Slider

本文关键字:基本 JQuery 滑块 编号 幻灯片 获取      更新时间:2023-09-26

我正在使用基本JQuery滑块,如何获取活动/当前数字,我正在使用多个滑块。

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>

我实际上需要它在按钮的单击事件中来决定操作。

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

刚刚添加了一个返回活动/当前幻灯片的功能。

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

添加以下函数。

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

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

希望这有所帮助并节省某人将来的时间。