Framework 7 popup не работает

Question

Я создаю приложение и хочу открыть динамическое всплывающее окно, когда нажимаю на div.

Итак, я использовал код, предоставленный Framework7 на https://framework7.io/docs/popup.html#examples.

Что происходит, так это то, что ничего не происходит. Если я использую код About Popup или Services Popup, он работает, но если я использую динамический, то ничего не происходит. Я даже пытался добавить консольный журнал внутри $$ ('. Dynamic-popup'). On ('click', function () {, чтобы проверить, выполняет ли он функцию, но ничего. Нет журнала.

Есть идеи? Благодаря.

Answer 1

Добавьте этот код в app.js

var dynamicPopup = app.popup.create({
  content: '<div class="popup">'+
              '<div class="block">'+
                '<p>Popup created dynamically.</p>'+
                '<p><a href="#" class="link popup-close">Close me</a></p>'+
              '</div>'+
            '</div>',
  on: {
    open: function (popup) {
      console.log('Popup open');
    },
    opened: function (popup) {
      console.log('Popup opened');
    },
  }
});

Над кодом создается динамическое всплывающее окно. Для вызова динамического всплывающего окна при событии щелчка.

$$('.dynamic-popup').on('click', function () {
  dynamicPopup.open();
});

Answer 2

Я получил пример работы, назначив обработчик щелчка только после того, как событие DOMContentLoaded сработало так:

document.addEventListener("DOMContentLoaded", function(event) {
    $$('.dynamic-popup').on('click', function () {
        dynamicPopup.open();
    });
});