如何在不同的页面上使用查询模式?这只适用于一页

How to use query modal on different pages? This only works in one page

本文关键字：模式 查询 一页 适用于      更新时间：2023-09-26

如何在不同的页面上使用这个模态?我试了所有我能做的，但它只是在一个页面。

HTML: 

<div class="modal fade" id="confirm-delete1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title" id="myModalLabel">Confirm Delete</h3>
            </div>
            <div class="modal-body">
                <p>Are you sure you want to delete this record?</p>
            </div>
            <div class="modal-footer">
                <a class="btn btn-danger btn-ok">Delete</a>
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>
JavaScript: 

<script>
    $('#confirm-delete1').on('show.bs.modal', function(e) {
        $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
    });
</script>

锚点/链接:

<a href="#" data-href="delete-journal.php?id='.$id.'" data-toggle="#confirm-delete1"><i class="fa fa-fw fa-trash-o" alt="Delete journal" title="Delete journal"></i>delete</a>

根据您的评论:

我会回显我的$id和整个php块，我只是没有包括它在这里。我只是想知道如何有一个提示确认框，如果我点击删除链接，它会提示一个消息"你想删除这个吗?"一个文本框，其中将输入确认码。如果确认码= $confirmation_code，则删除记录，否则不删除。

要达到想要的效果，需要很多步骤。但我可以给你一个你需要采取的步骤清单:

  1. 您可以使用prompt()函数创建提示符，也可以将提示符作为第一个参数，您可以还可以将该提示符的返回值存储在变量中以供稍后使用。(如var code = prompt("Enter a confirmation code")…)
  2. 执行Ajax请求将数据发送到服务器。
  3. 比较服务器端数据并执行服务器端所需的任何操作，或者如果需要在客户端执行任何操作，则将数据发送回客户端。
相关文章：