首次单击后，JQuery单击事件不起作用

Question

我想为我的mvc项目创建一个自定义分页。这是我的下一个按钮。当我首先点击它时它起作用但在那之后它不起作用。我的错误在哪里？

  <script type="text/javascript">
        $(document).ready(function () {
            $("#btnNext").click(function () {
              $.ajax({
                    url: '/Customer/Next',
                    data: { currentPageIndex: document.getElementById('currentPageIndex').value },
                    success: function (response) {
                        $("body").html(response);
                    }
                });
            });
       });
      </script>

Answer 1

使用此

$("body").on('click', '#btnNext', function () {

而不是

$("#btnNext").click(function () {

了解有关.on()事件处理程序的更多信息。