Framework7 - 通过模态进行DOM操作

时间:2017-07-18 12:38:37

标签: html-framework-7

我正在使用FW7构建应用程序,但我现在遇到了一个问题。

我创建了pickerModals来显示数据但是没有收听每个DOM交互。

如何通过模态设法读取DOM事件?

代码:

$$('.open-picker-infos').on('click', function () {

    var head = $$(this).text();

    $$.get($$(this).attr('href'), function(data){
        var target = data;


        // Check first, if we already have opened picker
        if ($$('.picker-modal.modal-in').length > 0) {
            myApp.closeModal('.picker-modal.modal-in');
        }
        myApp.pickerModal('<div class="picker-modal">'+'<div class="toolbar">' +
            '<div class="toolbar-inner">' +
            '<div class="left return_modal"><img src="img/ic_backspace_black_36px.svg" class="close-picker"></div>' +
            '<div class="middle"><span class="popup_subject">Informations pratiques</span><span class="popup_title">'+head+'</span></div>' +
            '<div class="right more-picker"><img src="img/ic_more_vert_black_36px.svg" class="more"></div>' +
            '</div></div>'+ target +'</div>')
    });
});



$$('.more-picker').on('click', function(){
    console.log('test');
});

1 个答案:

答案 0 :(得分:0)

Dom7事件在插入html之前找不到public类。

尝试将more-picker事件添加到more-picker click事件