Как открыть модальный javascript с кодом вместо нажатия кнопки

Question

У меня есть следующий модал:

<div class="modal fade" id="m_modal_1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

У меня есть следующая кнопка, которая вызывает модал:

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#m_modal_1"> Launch Modal</button>

Вместо того, чтобы запускать с кнопки, как я могу всплыть изкод? Я думал что-то вроде этого:

if(status == 1){

    modal("show");
}

Answer 1

Предполагается, что вы используете Bootstrap (на основе классов).

Вы можете использовать следующее:

$('#m_modal_1').modal('show')

Answer 2

В основном это зависит от того, когда вы хотите открыть модал. Предположим, вы хотите, чтобы всплывающее окно появилось на странице, готовой,

$(document).ready(function(e){
$(#modal_id).show();
});

Answer 3

Я думаю, что вы используете загрузчик. так что в вашем случае

if(status == 1){

    $("#m_modal_1").modal("show");
}

«show» - это опция модальной функции. Больше вариантов и использования здесь https://getbootstrap.com/docs/4.0/components/modal/#options

Answer 4

Вам необходимо добавить eventlistener к любому элементу, поэтому, как только событие сработает, вы меняете классы модального элемента или стиля.

Предполагая, что у вас есть какой-то элемент (то есть кнопка с именем класса btn и модальная с именем класса modal)

document.querySelector('.btn').addEventListener('click', () => {
  document.querySelector('.modal').classList.toggle('hidden');
}

И ваш css может быть таким

.hidden {
  display: none;
  // or
  opacity: 0;
}