Javascript 单击列表项的不触发方法

我正在尝试使用jQuery向列表项添加单击函数。我使用JS和onClick实现了这个方法，但是我正在尝试使用jQuery更新代码。因此，我的列表具有以下结构：

<ul id="paginationList" class="pagination">
   <li id="1" class="page-item disabled">
      <a class="page-link" href="#">Previous</a>
   </li>
   <li class="page-item">
       <a class="page-link" href="#">1</a>
   </li>
   <li id="2" class="page-item">
       <a class="page-link" href="#">Next</a>
    </li>
</ul>

getTable正在执行，但是当我点击任何一个按钮时，该方法不会被调用。我已尝试从.click调用中删除ul.pagination，但仍然没有效果

我需要更改哪些内容，以便在每个控件上都有一个.click方法

我已检查控制台，没有报告任何错误。

$“ul.pagination li.page item”适用于单击事件：

$'ul.pagination li.page item'。单击函数{ console.log“单击”； };

---

您的代码有一些问题。 似乎您从未删除禁用的类，即使在添加活动类时也是如此，但这可能是您想要的，并且您没有使用，因此您的绑定可能在创建元素之前就已经存在了

试试这个： $'.pagination'.onclick、.page项、函数{ console.logthis； }; 以前的 1. 下一个

---

这对我有用。您确定这是执行该代码时DOM的状态吗？或者您正在某个地方动态更改DOM？@David我正在从ASP.NET Core渲染一个部分视图，因此这可能会引起问题。@CBreeze:服务器端技术在这里并不真正相关。最终的问题是您是否在动态修改DOM客户端。例如，通过发出AJAX请求来获取新数据和呈现新元素。@David我正在这样做是的。

$(function () {
    $('ul.pagination li.page-item').click(function () {
        var $li = $(this);
        $.ajax({
            type: 'GET',
            url: '/Projects/ProjectTable/CountProjects',
            data: { searchString: $('#searchBox').val() },
            success: function(result) {
                $('#table-container').load('/Projects/ProjectTable/TestPartialView',
                    {
                        searchString: $('#searchBox').val(),
                        currentPage: page,
                        projectCount: result
                    }, function() {
                        $li.addClass('active');
                    }); 
            }
        });
    });

    getTable();
});