使用模式引導程序刪除記錄

Question

我有一個帶有很多記錄的表，其中也有update和delete列。 我想使用引導程序的模式來確認記錄的刪除。

到目前為止，這是我嘗試過的：

<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（function（e）{

Answer 2

您沒有在調用刪除操作。

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

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