Question

我有两种模式，当我重新加载页面时，会发生以下情况： -如果打开第一个模态，则信息加载完毕，一切都很好，我将关闭第一个模态，然后打开第二个模态，但是，如果我打开第二个模态，它将自动打开和关闭，即使我尝试在之后打开第一个模态也是如此它会自动关闭并打开。如果我打开第二个然后打开第一个，这种情况一直在发生

-Modals从另一个网址加载信息

-firts modal是一种形式，第二种形式是文本，即时通讯使用引导程序3.3.7和codeigniter

提供模式代码

           <div id="myModalUrl" class="modal fade">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Confirmation</h5>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-body">

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                    </div>
                </div>
            </div>

第二个模式代码

            <div id="myModalUrl2" class="modal fade">
                <div class="modal-dialog modal-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Confirmation</h5>
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                        </div>
                        <div class="modal-body">

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-primary">Save changes</button>
                        </div>
                    </div>
                </div>
            </div>

javascript代码

       $(document).ready(function(){

        $('#myModalUrl').on('show.bs.modal', function (e) {
            event.preventDefault();

            var link  = $(e.relatedTarget);
            //Load remoter URL dari a href
            $('.modal-body').load(e.relatedTarget.href);
        });


    });

    $(document).ready(function(){

        $('#myModalUrl2').on('show.bs.modal', function (e) {

            //Load remoter URL dari a href
            $('.modal-body').load(e.relatedTarget.href);
        });


    });

这是链接代码

  <a href="<?php echo base_url('url1') ?>"  data-toggle="modal" data-target="#myModalUrl"> click me</a>

  <a href="<?php echo base_url('url2') ?>"  data-toggle="modal" data-target="#myModalUrl2">click me 2</a>

它是一个非常简单的模式代码，感谢您的建议

引导第二模态在打开第一个模态后自动关闭

0 个答案: