Создать модальное окно Bootstrap из JavaScript ⇐ Jquery
-
Гость
Создать модальное окно Bootstrap из JavaScript
Я пытаюсь включить сценарий JS CDN для отображения сообщения о конкретных действиях. Для этого я пытаюсь сначала заставить его работать в любом браузере.
Вот что я пытаюсь сделать:
document.querySelector('.circle').addEventListener('click', function() { var m1 = $(makeModal('Здесь что-то есть')); // Я бы хотел пропустить создание HTML-элемента с помощью jQuery. document.body.insertAdjacentHTML('beforeend', m1); m1.modal('показать'); }, ЛОЖЬ); функция makeModal(текст) { return ` × Модальный заголовок ${текст
Закрыть `;
Приложение Нажмите здесь
Это работает, но к кнопке добавляется фраза [object Object]. Еще одна вещь: я думаю, каждый раз, когда кто-то нажимает на кнопку, узел создается снова и снова.
Следует ли удалить его после появления модального окна? Ну и как бы ты этого достиг?
Я пытаюсь включить сценарий JS CDN для отображения сообщения о конкретных действиях. Для этого я пытаюсь сначала заставить его работать в любом браузере.
Вот что я пытаюсь сделать:
document.querySelector('.circle').addEventListener('click', function() { var m1 = $(makeModal('Здесь что-то есть')); // Я бы хотел пропустить создание HTML-элемента с помощью jQuery. document.body.insertAdjacentHTML('beforeend', m1); m1.modal('показать'); }, ЛОЖЬ); функция makeModal(текст) { return ` × Модальный заголовок ${текст
Закрыть `;
Приложение Нажмите здесь
Это работает, но к кнопке добавляется фраза [object Object]. Еще одна вещь: я думаю, каждый раз, когда кто-то нажимает на кнопку, узел создается снова и снова.
Следует ли удалить его после появления модального окна? Ну и как бы ты этого достиг?
