首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >框架7弹出窗口无效

框架7弹出窗口无效
EN

Stack Overflow用户
提问于 2018-05-09 03:57:40
回答 2查看 1.5K关注 0票数 1

我正在创建一个应用程序,我想打开一个动态弹出时,我点击一个div。

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

结果就是什么都没发生。如果我使用关于弹出窗口或服务弹出的代码,它会工作,但是如果我使用动态的代码,什么都不会发生。我甚至尝试在$$('.dynamic-popup').on('click',函数() {中添加一个控制台日志,以检查它是否执行该函数,但什么也没有。没有原木。

有什么想法吗?谢谢。

EN

回答 2

Stack Overflow用户

发布于 2018-05-09 07:29:09

只有在DOMContentLoaded事件触发之后才分配单击处理程序,这样才能使示例工作:

代码语言:javascript
复制
document.addEventListener("DOMContentLoaded", function(event) {
    $$('.dynamic-popup').on('click', function () {
        dynamicPopup.open();
    });
});
票数 1
EN

Stack Overflow用户

发布于 2018-05-09 15:48:36

在app.js中添加此代码

代码语言:javascript
复制
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');
    },
  }
});

上面的代码创建动态弹出。若要调用单击事件上的动态弹出,请执行以下操作。

代码语言:javascript
复制
$$('.dynamic-popup').on('click', function () {
  dynamicPopup.open();
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50245305

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档