如何从弹出模式中的按钮执行php代码？

Question

我正在尝试接受第二个模式中显示的申请表格，该模式在第一个模式之后弹出，并为每个显示的帐户提供一个接受按钮。发生的情况是，当第一个模态显示时，涂药器列表将以模态显示，然后当您按下“信息”按钮（正在运行）时，另一个模态将弹出，其中包含涂药器的信息。然后，第二个模式中有一个接受按钮，在该按钮中不起作用。我试过调用ajax函数，但它似乎不起作用。该功能似乎无法识别出从模态中按下的按钮。我有这个PHP作为我的模态 <?php  @session_start(); if(isset($_POST["post_id"]))   {        $output = '';        $connect = mysqli_connect("localhost", "root", "", "adappdb");  ////////////////////////////////////////////////      /*STATUS CHANGE START*/      $query = "SELECT * FROM adoption_application WHERE application_id = '".$_POST["post_id"]."'";        $result = mysqli_query($connect, $query);        $row = mysqli_fetch_array($result);      if ($row['appli_status']==0){        $newAStatus = 1;      }else if ($row['appli_status']==1){        $newAStatus = 2;      }else if ($row['appli_status']==2){        $newAStatus = 3;      }else if ($row['appli_status']==3){        $newAStatus = 4;      }else if ($row['appli_status']==4){        $newAStatus = 5;      }      $query = "UPDATE adoption_application SET appli_status='$newAStatus' WHERE application_id = '".$_POST["post_id"]."'";      mysqli_query($connect, $query);      if ($row['appli_status']==0){        $newAS = "On Process";      }else if ($row['appli_status']==1){        $newAS = "Waiting for Initial Interview";      }else if ($row['appli_status']==2){        $newAS = "Occular";      }else if ($row['appli_status']==3){        $newAS = "Waiting for Approval";      }else if ($row['appli_status']==4){        $newAS = "Adopted";      }      /*STATUS CHANGE END*/       $query = "SELECT * FROM adoption_application WHERE application_id = '".$_POST["post_id"]."'";        $result = mysqli_query($connect, $query);////////////////////////////////////////////////      $output .= '        <div class="table-responsive">             <table class="table table-bordered">            ';   

Answer 1

您需要将所有jQuery（甚至VanillaJS）函数包装到一个就绪函数中：

<script type="text/javascript">

    $(document).ready(function() {

        // all of your JavaScript/jQuery code

        // for example, the function in question:

        $(document).on('click', '.accept', function(){

            ...

        });

    });

</script>

我们在这里讨论的一个函数，该.accept函数根本没有被ready函数包装，因此失败了。

如果您愿意，可以使用速记版本：

<script type="text/javascript">

    $(function(){

        // all of your JavaScript/jQuery code here

    });

</script>