загрузочный второй модальный автоматически закрывается после открытия первого модального - PullRequest
Новая
       65

загрузочный второй модальный автоматически закрывается после открытия первого модального

0 голосов
/ 15 октября 2019

У меня есть два модальных режима, которые, когда я перезагружаю страницу, происходит следующее: -Если я открываю первый модальный, информация загружается и все в порядке, я закрываю первый модальный и открываю второй, но если я открываюВторой модальный он открывается и закрывается автоматически, даже если я пытаюсь открыть первый модальный после этого, он закрывается и открывается автоматически. Это происходит, если я открываю второй, а затем первый

-Модалы загружают информацию из другого URL

-Первое модальное это форма, а второе просто текст, я использую bootstrap 3.3.7 и codeigniter

Модальный код Firts 

           <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 code 

       $(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>

Это очень простой модальный код, спасибо за предложения

...