javascript - 框架 7 弹出窗口不起作用

Question

我正在创建一个应用程序，我想在单击 div 时打开一个动态弹出窗口。

所以我使用了 Framework7 在https://framework7.io/docs/popup.html#examples提供的代码。

发生的事情是什么都没有发生。如果我使用 About Popup 或 Services Popup 的代码，它可以工作，但如果我使用动态代码，则不会发生任何事情。我什至尝试在$$('.dynamic-popup').on('click', function () {中添加一个控制台日志来检查它是否执行该函数但什么也没有。没有日志。

有任何想法吗？谢谢。

标签： javascripthtml-framework-7

Answer 1

我通过仅在DOMContentLoaded事件触发后才分配点击处理程序来使示例工作，如下所示：

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