使用模态引导删除记录答案

【问题标题】：Bootstrap delete record using modal使用模态引导删除记录
【发布时间】：2014-03-07 08:04:16
【问题描述】：

我有一个包含很多记录的表，其中也有更新和删除列。我想使用引导模式来确认删除记录。

这是我迄今为止尝试过的：

<script type="text/javascript">
$(function(){
$(".btn-show-modal").click(function(e){
  e.preventDefault();
  $("#dialog-example").modal('show');
});

$("#btn-save").click(function(e) {
  e.preventDefault();

  $("#dialog-example").modal('hide');
});

});

                <tr>
                    <td><a href="project-detail.php?code=<?php echo $project; ?>">
                        <?php echo $project; ?></a></td>
                    <td><?php echo $desc; ?></td>
                    <td><a href="update-project.php?code=<?php echo $project; ?>" title="Update record">
                        <i class="icon-edit icon-white">
                        </i>
                    </a></td>
                    <td><a href="delete-project.php?code=<?php echo $project; ?>" 
                  class="btn-show-modal" data-toggle="modal" title="Delete record"><i class="icon-trash icon-white"></i></a></td>
                </tr>
                    <?php 
                    } 
                    ?>

            </table>

            <div class="modal hide fade" id="dialog-example">
                 <div class="modal-header">
                    <h5>Confirm Delete</h5>
                 </div>

                <div class="modal-body">
                     <p class="modaltext">Are you sure you want to delete this record?</p>
                </div>    

                <div class="modal-footer">
                  <a href="#" data-dismiss="modal" class="btn btn-info">No<a>
                  <a href="delete-project.php?code=<?php echo $project; ?>" class="btn btn-danger" id="btn-save">Yes<a>
                </div>
            </div>

但不幸的是，我无法删除 :( 我在这里做错了什么？您的帮助将不胜感激。谢谢。

【问题讨论】：

您已在您的click handler 上为delete-project.php?code=<?php echo $project; ?> 声明了e.preventDefault();，因此当他们单击Yes 时它不会触发并转到此页面。这是你的意图吗？
@Ohgodwhy 是的，这是一个愚蠢的错误，现在我遇到了另一个关于 id/code 的问题，当我单击删除按钮时，我检查了“是”按钮中的代码，但这不是我的代码打算删除

标签： php jquery html css twitter-bootstrap

【解决方案1】：

不要使用 e.preventDefault(); for $("#btn-save").click(function(e) {

【讨论】：

【解决方案2】：

您没有调用删除操作。

$(".save").click(function(){
    response = confirm("Delete?");
    if(response)
        $.ajax(/* do ajax call to delete*/);

    $("#dialog-example").modal('hide');
})

【讨论】：

你能解释更多你的答案吗？我是新手
他使用模式作为确认对话框链接到删除页面。这里不需要 AJAX。
@neknekmouh 当您点击.save 时，如果用户确认（.save 必须不是链接），将会有 ajax 调用删除页面，并且无论如何您关闭模式窗口。在这种情况下，您的页面将不会被重定向。附言您可以使用ajax成功回调来动态刷新页面。
@Justinas 谢谢，那么我将如何将 delete-project.php 放入 ajax 中？