爲什麼當我點擊每個數字時，我只能得到2個控制檯。在分頁js

Question

這裏我使用jquery中的.each（）函數來獲取每個列表（li）的數值。

問題是爲什麼當我使用函數.each（）時，我試着做點擊功能時的控制檯，我只知道它只有2個控制檯，接下來不工作。

$('#pagination').pagination({ 
 
    dataSource: [1, 2, 3, 4, 5, 6, 7], 
 
    pageSize: 1 
 
}); 
 

 
$('#pagination li').each(function() { 
 
    $(this).on('click', function() { 
 
    var numPagination = $(this).data('num'); 
 
    console.log(numPagination); 
 
    }); 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/paginationjs/2.0.8/pagination.min.js"></script> 
 

 
<div id="pagination"></div>

請糾正我的代碼。 :)

Answer 1

這樣做的正確方法是使用回調函數。通過使用此功能，您還可以支持下一個和上一個箭頭。我會用下面的代碼：

$('#pagination').pagination({ 
 
    dataSource: [1, 2, 3, 4, 5, 6, 7], 
 
    pageSize: 1, 
 
    callback: function(data, pagination) { 
 
    console.log(data[0]); 
 
    } 
 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/paginationjs/2.0.8/pagination.min.js"></script> 
 

 
<div id="pagination"></div>