Javascript 框架7行动表不起作用

框架7参观

操作表已打开，但未在本页后面的其他页上工作。我认为不能在页面视图中初始化

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

此处的解决方案：

$$（文档）.on（'pageInit'，函数（e）{
刷新调用（）；
});
刷新调用（）；
函数调用（）{
/*====操作表，我们在仪表板页面上使用它=====*/
$$（'.demo actions'）。在（'click'，function（）上{
变量按钮=[{
文本：“缩写为：”，
标签：正确
}, {
文本：“XYZ”，
黑体字：对，
}, {
文本：“ABC”，
黑体字：对，
}, {
正文：“123”，
黑体字：对，
}, {
文本：“abc”，
颜色：“红色”
}, ];
myApp.actions（按钮）；
});
}