Как показать модальное окно в новом окне с помощью jQuery - PullRequest
Новая
       2

Как показать модальное окно в новом окне с помощью jQuery

0 голосов
/ 05 октября 2018

, поэтому я пытался показать модальное в новом окне, до сих пор я использую 

$('#myModal').modal('show');

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

Я хочу сделать это, потому что если я просто использую modal('show'); и моя родительская страница обновляется в фоновом режиме, ( Я использую window.location.reload(true);, чтобы обновить родительскую страницу, поэтому она закрывает модальныеЯ не мог найти, как обновить всю родительскую страницу, используя ajax ), она закроет модальное окно, и я не хочу этого.

Есть ли какая-либо функция, которую я могу использовать, чтобы открытьмодал в новом окне?

1 Ответ

0 голосов
/ 05 октября 2018

я создал 2 файла; файл 1 имеет этот код, 

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Bootstrap Example</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container">
            <button type="button" class="btn btn-info btn-lg" onclick="window.open('file:///C:/Users/Admin/Desktop/a.html'); ">Open Modal</button>
        </div>
    </body>
</html>

и 2-й файл имеет этот код 

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Bootstrap Example</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container">
            <div class="modal fade" id="myModal" role="dialog">
                <div class="modal-dialog">
                    <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>
        <script type="text/javascript">
            $("#myModal").modal();
        </script>
    </body>
</html>

, потому что это работает, попробуйте это.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...