Как переключить этот мод с PHP при отправке кода? - PullRequest
Новая
       136

Как переключить этот мод с PHP при отправке кода?

1 голос
/ 02 мая 2020

У меня есть этот модал: 

 <div class="container">          
        <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title">Modal Header</h4>
                    </div>
                    <div class="modal-body">
                        <p>Some text in the modal.</p>

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

И я хотел бы включить его, когда выполняю какой-то код PHP 

  if(//){
      //toggle modal
    }

То, что я пробовал до сих пор, было настройка признак true, когда функция выполняется, а затем в html я делаю это: 

    <?php if ($show_modal) : ?>
    <script>
        $('#myModal').modal('show');
    </script>
<?php endif; ?>

, но это все равно не работает. Кто-нибудь знает, что здесь происходит?

РЕДАКТИРОВАТЬ: все плагины, которые я загружаю в html header 

    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">

1 Ответ

1 голос
/ 02 мая 2020

Поскольку вы установили плагин jquery дважды, это может быть затруднительно. Итак, у вас есть 2 варианта на мой взгляд. Во-первых, вы можете переместить плагин bootstrap вниз и удалить один из плагинов jquery. Прямо перед тем, как тело кончается. например: 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<?php if ($show_modal) : ?>
    <script>
        $('#myModal').modal('show');
    </script>
<?php endif; ?>

Или, вы можете использовать: 

$(document).ready(function(){
    // Here goes yor code
});

По мере импорта bootstrap, и снова добавлен jquery плагин. Вы должны использовать document.ready, чтобы убедиться, что все файлы загружены, тогда мы будем использовать функцию.

* Примечание: - Возможно, вам придется переместить плагин таблицы jquery после bootstrap, если вы переместите bootstrap. js. Я не уверен в этом, потому что я еще не использовал этот плагин.

...