Foreach行jQuery对话框

Question

我正在建立一个div，它是网站主页的一部分。此div显示项目列表。所有项目都保存在MySQL数据库中。我想做的是在每一行旁边创建一个按钮，上面写着“删除”。单击delete之后，应该会出现一个jQueryUI对话框提示用户进行确认。当确认删除项目时，必须将项目id发送到删除页面（我们称之为delete.php）。

到目前为止我做了什么

• 从MySQL获取项目列表，并将每个项目显示为一行
• 在每行末尾添加了删除按钮
• 单击删除按钮时，将显示对话框，要求确认
• 当用户确认删除项目时，他将被发送到删除页面

这就是我被困的地方。在删除页上，我回响项目id，看看它是否工作。不知何故，delete.php页面总是呼应第一个项目的id。这意味着jQuery总是发送第一个项目的id。

我怎样才能解开这个谜？

$currents    =   new Project();
$currents    =   $currents->getProjects($_SESSION["user"], "finished");
echo "<table>";
foreach($currents as $current){
 echo "<tr><td>" . $current["name"] . "</td>
 <td><form method='post' class='deleteproject' action='/requests/request.php'/>
 <input type='hidden' name='projectid' value='" . $current['id'] . "' />
 <input type='button' value='Delete' class='deleteproject'></form></td></tr>";

}
echo "</table>";

这里是jQuery；

<script>
  $(function()
  {
      $( ".deleteproject" ).click(function() {
          $( "#dialogbox" ).attr('title', 'Are you sure you want to delete this project?').dialog({
              height: 100,
              width: 350,
              modal: true,
              buttons : {
                  "Confirm" : function() {
                      $('.deleteproject').submit();
                  },
                  "Cancel" : function() {
                      $(this).dialog("close");
                  }
              }
          });
          return false;
      });
  });
  </script>

Answer 1

执行$（'.deleteproject'）时。提交（） ，您总是发送第一个。删除项目，而不是单击的项目。要解决这个问题，您可以保存此引用并提交您的父表单。

$( ".deleteproject" ).click(function() {
  $this = $(this);
  $( "#dialogbox" ).attr('title', 'Are you sure you want to delete this project?').dialog({
      height: 100,
      width: 350,
      modal: true,
      buttons : {
          "Confirm" : function() {
              $this.closest('form').submit();
          },
          "Cancel" : function() {
              $(this).dialog("close");
          }
      }
  });

附带说明：您的表单类名也是. deleteproject，所以即使您不单击按钮，但在表单上，您的函数也会启动。另外，（对此不确定）我认为你的脚本会因为事件冒泡而两次着火。单击按钮deleteproject也是单击表单deleteproject。