框架 7 操作表不起作用

Question

框架 7 访问https://framework7.io/docs/action-sheet.html

操作表打开但无法在其他页面上工作以进入此页面。我认为不在页面视图中初始化

这是我的js代码

$$('.demo-actions').on('click', function () {
var buttons = [
    {
        text: 'Short By:',
        label: true
    },
    {
        text: 'XYZ',
        bold:true,
    },
    {
        text: 'ABC',
        bold:true,

    },
    {
        text: '123',
        bold:true,
    },
    {
        text: 'abc',
        color: 'red'
    },
];
myApp.actions(buttons);

});

这是 html 代码

<a href="#" class="demo-actions buttons ">XYZ</a>

Answer 1

解决方案在这里：

$$(document).on('pageInit', function(e) {
    refreshCalls();
});
refreshCalls();

function refreshCalls() {
    /* ===== Action sheet, we use it on dashboard pages ===== */
    $$('.demo-actions').on('click', function() {
        var buttons = [{
            text: 'Short By:',
            label: true
        }, {
            text: 'XYZ',
            bold: true,
        }, {
            text: 'ABC',
            bold: true,

        }, {
            text: '123',
            bold: true,
        }, {
            text: 'abc',
            color: 'red'
        }, ];
        myApp.actions(buttons);
    });
}