Php 由于ajax提交重新加载出现问题，匿名函数无法执行

我花了相当多的时间寻找这个，也许我没有正确处理这个问题，但我正在尝试。提交和。后点击提交。在其他情况下，我可以让ajax提交在没有刷新的情况下正常工作，但是当我以这种方式执行时，它就不起作用了。我很想知道为什么

形式

这项工作，它将提交没有重新加载刚刚好

下面是我遇到的问题

在php服务器端，我将返回我希望能够提交的html，初始搜索将把它放入原始html页面

$html_page_nav = "
    <ul>
";
for($i=1; $i <= get_query_pages(get_query_count($query), 50); $i++) {
    $html_page_nav .= "
        <li>
            <form id='page_".$i."' action='process.php' method='post'>
            <input type='hidden' name='action' value='change_page'/>
            <input type='hidden' name='page' value='".$i."'/>
            <input type='submit' value='".$i."'>
            </form>
        </li>
    ";
}   
$html_page_nav .= "
    </ul>
";

此提交将无法正常工作，函数（）将不会执行，它将像常规提交一样提交并转到url，而不是在不刷新整个页面的情况下执行

如有任何建议或方法，将不胜感激

---

提前谢谢

委托提交操作对将来将加载的内容执行。默认情况下，附加到DOM上加载的内容的普通事件处理程序，而不是将来加载的事件处理程序，比如说通过Ajax。您可以使用jQuery“on”函数对将来加载的内容委派操作

例如

---

我在使用AjaxN表单时遇到了类似的问题。我使用了$（“#Form”）.validate（）；

---

因为它，页面无法刷新

谢谢！正是我需要的。我得记得在花半天时间找东西之前先问一下。

$('#search').submit(function() {
    $.post(
      $(this).attr('action'),
      $(this).serialize(),
      function(data){
        $('#page_nav').html(data.html_page_nav);
        $('#results').html(data.table_html);
      },
      "json"
    );
    return false;
});

$html_page_nav = "
    <ul>
";
for($i=1; $i <= get_query_pages(get_query_count($query), 50); $i++) {
    $html_page_nav .= "
        <li>
            <form id='page_".$i."' action='process.php' method='post'>
            <input type='hidden' name='action' value='change_page'/>
            <input type='hidden' name='page' value='".$i."'/>
            <input type='submit' value='".$i."'>
            </form>
        </li>
    ";
}   
$html_page_nav .= "
    </ul>
";

            $(document).ready(function() {

                $('#page_1').submit(function() {
                    console.log("this will not display");
                    $.post(
                            $(this).attr('action'),
                            $(this).serialize(),
                            function(data){
                            },
                            "json"
                        );
                        return false;
                })
            ...other jquery
            });

$('body').on('submit', '#page_1', function() {
  // do it here
});