引导模型对话框在同一页面中发生冲突

时间:2018-12-16 19:14:36

标签: jquery bootstrap-modal

我有一个带有jquery数据表的bootstrap 3模型对话。但是如果第一个打开和关闭第二个,只有背景消失而没有对话并冻结。甚至鼠标单击也不起作用

我的动作链接

  @Html.ActionLink("Get File ", "_ViewFIles", "POPM_Trn_Job", null, new { @class = "modal-link btn btn-success" })
   @Html.ActionLink("Get Shared ", "GetSharedWithMe", "POPM_Trn_Job", null, new { @class = "modal-link2 btn btn-success" })

我的第一个对话框

<div id="modal-container" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-content">
</div>

第二个对话框

<div id="modal-container-Share" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-content"> </div> </div>

我的第一个jQuery

$(function () {

                        $('body').on('click', '.modal-link', function (e) {
                            e.preventDefault();
                            $(this).attr('data-target', '#modal-container');
                            $(this).attr('data-toggle', 'modal');

                        });


                        $('body').on('click', '.modal-close-btn', function () {
                            $('#modal-container').modal('hide');
                        });


                        $('#modal-container').on('hidden.bs.modal', function () {
                            $(this).removeData('bs.modal');
                        });

                        $('#CancelModal').on('click', function () {
                            return false;
                        });
                    });

秒                           `$(function(){

                        $('body').on('click', '.modal-link2', function (e) {
                            e.preventDefault();
                            $(this).attr('data-target', '#modal-container-Share');
                            $(this).attr('data-toggle', 'modal');

                        });


                        $('body').on('click', '.modal-close-btn', function () {
                            $('#modal-container-Share').modal('hide');
                        });


                        $('#modal-container-Share').on('hidden.bs.modal', function () {
                            $(this).removeData('bs.modal');
                        });

                        $('#CancelModal').on('click', function () {
                            return false;
                        });
                    });

我做错了什么?请帮助

`

0 个答案:

没有答案