我正在创建一个应用程序,我想打开一个动态弹出时,我点击一个div。
所以我使用了Framework7在https://framework7.io/docs/popup.html#examples上给出的代码。
结果就是什么都没发生。如果我使用关于弹出窗口或服务弹出的代码,它会工作,但是如果我使用动态的代码,什么都不会发生。我甚至尝试在$$('.dynamic-popup').on('click',函数() {中添加一个控制台日志,以检查它是否执行该函数,但什么也没有。没有原木。
有什么想法吗?谢谢。
发布于 2018-05-09 07:29:09
只有在DOMContentLoaded事件触发之后才分配单击处理程序,这样才能使示例工作:
document.addEventListener("DOMContentLoaded", function(event) {
$$('.dynamic-popup').on('click', function () {
dynamicPopup.open();
});
});发布于 2018-05-09 15:48:36
在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();
});https://stackoverflow.com/questions/50245305
复制相似问题