怎么做 <li> 點擊並獲取其數據操作值？

Question

所以我使用的是jQuery bootgrid，但是我修改了它的導航。

原始的bootgrid：

我修改過的bootgrid：

如您所見，我在原始bootgrid上隱藏了搜索文本框和分頁下拉菜單，而是使用了自己的導航設計。

在我的導航中，加號用於創建新用戶，垃圾桶用於批量刪除，搜索符號，重新加載符號和分頁。

我的問題是分頁，單擊我想要的li（例如每頁25個）后，它是不可單擊的並且無法關閉。 另外，如何獲取數據操作值？ 我嘗試在其中一個li上放置一個js函數onclick =“ getPage（10）”，並且它可以正常工作，這意味着li可以識別該點擊，但是我不想這樣做，而是想要一個使用jquery來獲得解決方案的解決方案數據操作值。

這是我的HTML

 <li class="dropdown"> <a href="" data-toggle="dropdown" aria-expanded="false"> <i class="zmdi zmdi-more-vert"></i> </a> <ul class="dropdown-menu dropdown-menu-right"> <li> <a data-action="10" page="10" onclick="getPage(10)">10 per page</a> </li> <li> <a data-action="25" page="25">25 per page</a> </li> <li> <a data-action="50" page="50">50 per page</a> </li> <li> <a data-action="100" page="100">100 per page</a> </li> <li> <a data-action="-1" page="100">All</a> </li> </ul> </li> 

這是我在bootgrid上的代碼。

  var table = $('#settings-user-list');

table.bootgrid({
    css     : {
        icon        : 'zmdi icon',
        iconColumns : 'zmdi-view-list',
        iconDown    : 'zmdi-caret-down',
        iconRefresh : 'zmdi-refresh',
        iconUp      : 'zmdi-caret-up',
    },
    labels  : {
        noResults   : noResult,
        loading     : loadingTable,
    },
    ajax         : true,
    url          : '/action/list',
    selection    : true,
    rowCount     : [10, 25, 50, 100, -1],
    multiSelect  : true,
    navigation   : 2
});  

Answer 1

您是否編寫了以下代碼行以使表成為jquery bootgrid。

$(function () {
   $("#tableId").bootgrid();
});