teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

tuiki

2018/11/16 01:12

投稿

yambejp
yambejp

スコア117942

answer CHANGED
@@ -34,4 +34,20 @@
34
34
  <li> <a href="#">>></a></li>
35
35
  </ul>
36
36
  </div>
37
+ ```
38
+
39
+ # 他を非アクティブ化
40
+ ```javascript
41
+ window.addEventListener('DOMContentLoaded', function(){
42
+ [].forEach.call(document.querySelectorAll('ul.pagination a'),function(x){
43
+ x.addEventListener('click',function(e){
44
+ e.preventDefault();
45
+ var t=e.target;
46
+ if(active=document.querySelector('ul.pagination a.active')){
47
+ active.classList.remove('active');
48
+ }
49
+ t.classList.add('active');
50
+ });
51
+ });
52
+ });
37
53
  ```