Javascript 如何将数据传递到两个引导模式？

嗨，我正在桌子上执行积垢操作。所以我必须执行两个操作，比如重置密码和删除条目。我添加了一个引导模式来确认操作。我可以传递值并使用第一个模式，但当我单击第二个模式时，它不会启动

我的代码如下：-

<td>
    <a href='#' data-href='modules/reset.php?id={$row['id']}' data-toggle='modal' data-target='#resetpassword' data-popup='tooltip' title='Reset Password'><i class='icon-lock2'></i></a>

    <a href='#' data-href='modules/delete.php?id={$row['id']}' data-toggle='modal' data-target='#modal_delete' data-popup='tooltip' title='Delete'><i class='icon-trash'></i></a></li>
</td>

情态动词：-

删除密码模式：

<div id="modal_delete" class="modal fade" style="font-weight: normal;">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header"></div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <i class="fa fa-warning fa-5x"></i>
                    </div>
                    <div>  

                        <div class="row">
                            <div class="col-md-12 text-center">
                                <br/><h5>Are you sure you want to delete?</h5><br/>
                            </div>
                            <div>   

                                <div class="modal-footer text-center">
                                    <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Cancel</button>&nbsp;&nbsp;&nbsp;
                                    <a class="btn btn-danger btn-lg btn-ok">Yes, delete it!</a>
                                </div>
                            </div>
                        </div>
                    </div>

<div id="resetpassword" class="modal fade" style="font-weight: normal;">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header"></div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <i class="fa fa-warning fa-5x"></i>
                    </div>
                    <div>  

                        <div class="row">
                            <div class="col-md-12 text-center">
                                <br/><h5>Are you sure you want to reset password?</h5><br/>
                            </div>
                            <div>   

                                <div class="modal-footer text-center">
                                    <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Cancel</button>&nbsp;&nbsp;&nbsp;
                                    <a class="btn btn-danger btn-lg btn-oks">Yes, reset it!</a>
                                </div>
                            </div>
                        </div>
                    </div>

确实要删除吗？

取消
是的，删除它！

重置密码模式：

<div id="modal_delete" class="modal fade" style="font-weight: normal;">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header"></div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <i class="fa fa-warning fa-5x"></i>
                    </div>
                    <div>  

                        <div class="row">
                            <div class="col-md-12 text-center">
                                <br/><h5>Are you sure you want to delete?</h5><br/>
                            </div>
                            <div>   

                                <div class="modal-footer text-center">
                                    <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Cancel</button>&nbsp;&nbsp;&nbsp;
                                    <a class="btn btn-danger btn-lg btn-ok">Yes, delete it!</a>
                                </div>
                            </div>
                        </div>
                    </div>

<div id="resetpassword" class="modal fade" style="font-weight: normal;">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header"></div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <i class="fa fa-warning fa-5x"></i>
                    </div>
                    <div>  

                        <div class="row">
                            <div class="col-md-12 text-center">
                                <br/><h5>Are you sure you want to reset password?</h5><br/>
                            </div>
                            <div>   

                                <div class="modal-footer text-center">
                                    <button type="button" class="btn btn-default btn-lg" data-dismiss="modal">Cancel</button>&nbsp;&nbsp;&nbsp;
                                    <a class="btn btn-danger btn-lg btn-oks">Yes, reset it!</a>
                                </div>
                            </div>
                        </div>
                    </div>

您确定要重置密码吗？

取消
是的，重置它！

Javascript:-

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

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

$（'#modal_delete'）。on（'show.bs.modal'，function（e）{
$（this.find（'.btn ok'）.attr（'href'，$（e.relatedTarget.data（'href'））；
});
$（'#resetpassword'）。on（'show.bs.modal'，函数（e）{
$（this.find（'.btn-oks'）.attr（'href'，$（e.relatedTarget.data（'href'））；
});

---

通过这种方法，只有删除模式工作，但重置模式不启动。javascript函数为before的模态仅起作用。如何使这两种方法都起作用。任何帮助都将不胜感激。

也许您应该在ready上将您的脚本封装在jquery中

$( document ).ready(function() {
 //your javascript code
});

您的一些

应该是

。如果仔细查看，您将看到重置密码模式实际上在删除密码模式代码中

---

编辑：稍微偏离主题，我理解您是否愿意自己动手，但您试过了吗？它们有一些漂亮的警报框，而且使用起来非常简单。

也许您应该将脚本封装在jquery中的ready$（document）.ready（function（）{//Handler for.ready（）called.}）；