在點擊分頁時添加活動課

Question

在我的幻燈片中，我想在點擊時向每個分頁按鈕添加和移除活動課。我如何用原生JS做到這一點。到目前爲止我的代碼：

//Pagination 
    var p = document.getElementById('pagination'); 
    var phtml = ''; 

    for(var i = 0; i < slides.length; i++) { 
    phtml+='<button>' + (i+1) + '</button>'; 
    } 

    p.innerHTML = phtml; // create the pagination buttons 

    var pbuttons = p.querySelectorAll('button'); // grab all the buttons 

    for(var i = 0; i < pbuttons.length; i++) { 
    pbuttons[i].onclick = (function(n) { 
    pbuttons[i].classList.toggle('active'); 

     return function(){ 
     pauseSlideshow(); 
     goToSlide(n); 
     }; 

    })(i); 
    } 

Answer 1

試試這個：

//Pagination 
    var p = document.getElementById('pagination'); 
    var phtml = ''; 

    for(var i = 0; i < slides.length; i++) { 
    phtml+='<button>' + (i+1) + '</button>'; 
    } 

    p.innerHTML = phtml; // create the pagination buttons 

    var pbuttons = p.querySelectorAll('button'); // grab all the buttons 
    var activeButton = null; // ref to active button 

    for(var i = 0; i < pbuttons.length; i++) { 
    pbuttons[i].onclick = (function(n) { 

     return function(){ 
     if(activeButton) 
      // delete class from old active button 
      activeButton.classList.remove('active'); 

     // change ref, this is current button 
     activeButton = this; 
     // add class for new 
     activeButton.classList.add('active'); 
     pauseSlideshow(); 
     goToSlide(n); 
     }; 
    })(i); 
    } 

說明：
我們已經創建的變量至極存儲裁判活動的分頁按鈕。在點擊我們從舊的活動按鈕刪除active類，並改變裁判按鈕至極解僱單擊事件，我們再加入active類更新激活鍵