php - Bootstrap 使用模态删除记录

Question

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

这是我到目前为止尝试过的:

<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>

但不幸的是我不能删除 :( 我在这里做错了什么？非常感谢您的帮助。谢谢。

Answer 1

不要使用 e.preventDefault()；对于 $("#btn-save").click(函数(e) {