JQuery 無法點擊分頁鏈接

Question

我在 Razor 頁面上有以下代碼，點擊鏈接時應該調用 JS function，但沒有任何反應。 好像殘疾了有人可以幫忙嗎？ 下面是代碼：

Razor頁面上的代碼：

                @for(var pge = Model.StartPage; pge <= Model.EndPage; pge++)
                {
                        <li class="page-item @(pge == Model.CurrentPage ? "active" : "")">
                            <a id="@("#plink" + pge)" class="rpt_btn_lnk page-link pglink"
                               data-action="@ViewData["ActionName"]"
                               data-pg="@pge"
                               data-pageSize="@ViewData["PageSize"]"
                               data-category="@ViewData["CategoryId"]"
                               data-categoryAction="@ViewData["CategoryAction"]"
                               data-currentSearchFilter="@TempData["CurrentSearchFilter"]">
                                @pge
                            </a>
                        </li>
                }

JQuery：

                $(function () {
                    $(".rpt_btn_lnk").click(function () {
                        var pageSize = $(this).attr('data-pageSize');
                        var pg = $(this).attr('data-pg');
                        var category = $(this).attr('data-category');
                        var categoryAction = $(this).attr('data-categoryAction');
                        var currentSearchFilter = $(this).attr('data-currentSearchFilter');
                        var action = $(this).attr('data-action');
                        $("#partialRptList").load("/Report/" + action + "?id=" + id + "&pg=" + pg + "&category=" + category + "&categoryAction=" + categoryAction
                            + "&currentSearchFilter=" + currentSearchFilter + "&pageSize=" + pageSize);
                    });
                });

Answer 1

不知道分頁有沒有DOM加載？

嘗試將$(".rpt_btn_lnk").click(function () {替換$(document).on('click', '.rpt_btn_lnk', function(){