javascript - 框架7操作表不起作用

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

操作表已打开，但无法在其他页面上使用，因此无法进入此页面。我认为未在页面 View 中初始化

这是我的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>

最佳答案

解决方案在这里:

$$(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);
    });
}

关于javascript - 框架7操作表不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46722055/