欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

BootStrap 獲得輪播中的索引和當(dāng)前活動的焦點(diǎn)對象

 更新時間：2017年05月11日 15:07:40   作者：左逸楓  
這篇文章主要介紹了BootStrap 獲得輪播中的索引和當(dāng)前活動的焦點(diǎn)對象,本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下

今天用bootstrap做一個輪播，當(dāng)輪播滾到每張圖的時候，在頁面下面就顯示相對應(yīng)的內(nèi)容，那么問題來了：為了輪播圖的可擴(kuò)展性，我們肯定需要知道當(dāng)前活動（顯示圖片）的索引號，查了bootstrap文檔，文檔上并沒有直接提及（最新版的Bootstrap v3.3.7 ），但是在官網(wǎng)其實(shí)也簡單有說明：

在網(wǎng)絡(luò)上找到的一個.getActiveIndex()方法，他適應(yīng)于bootsrap v3.0.2，但是這個版本已經(jīng)不能用了，所以就不再舉例了。

還有的博主說可以擴(kuò)展成這樣

 $('#myCarousel').on('slide.bs.carousel', function () {
       var carouselData = $(this).data('bs.carousel').$active; 
     });

但是對于很多人來說這些將的并不是他們說需求的，而且.$active 只是在點(diǎn)擊圓點(diǎn)的時候才會觸發(fā)，自動播放是值是空的。

所以在網(wǎng)上找了很多方法其實(shí)都不能用于是自己花了點(diǎn)時間仔細(xì)看了bootstrap文檔將代碼改好了

$('#myCarousel').on('slide.bs.carousel', function (event) {
        var $hoder = $('#myCarousel').find('.item'),
          $items = $(event.relatedTarget);
        //getIndex就是輪播到當(dāng)前位置的索引
        var getIndex= $hoder.index($items);
      })

注意：索引都是從0開始的；然后還有很多可以改進(jìn)的地方大家可以打印參數(shù)event里面有很多有用的值

相關(guān)文章

最新評論