Javascript 第一次单击后，JQuery单击事件不起作用

我想为我的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>

用这个

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

而不是

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

---

查看以了解有关事件处理程序的更多信息。

存在括号问题，缺少“}；”尾端的括号看起来像是替换了整个按钮，因此id=btnNext的原始按钮不再存在。如果新的html还有一个id=btnNext的按钮，则使用带有的事件委派。on@Kartikeya这是因为复制并粘贴到此处，但谢谢。您需要委派事件，因为DOM加载后html会更新：，而不是更改写入并在第二个参数中传递选择器替换：$btnNext.clickfunction{使用$document.onclick、btnNext和函数{