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

Question

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

1

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

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

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

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

Raffaele Colleo 09 май 2018, в 06:15

Источник

Теги:

javascript

framework7

2 ответа

Ещё вопросы

prasanna puttaswamy · Answer 1 · 2018-05-09T13-24-00.000Z

Добавьте этот код в 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();
});

Здорово. Большое спасибо. Кстати, мне нужно передать переменную во всплывающее окно, которое является атрибутом (data-id = "123") a.dynamic-popup. Как я могу это сделать? Спасибо

Jan Wendland · Answer 2 · 2018-05-09T05-22-00.000Z

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

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