Framework 7手风琴单击时不显示，我知道问题出在JS文件上吗？

Question

我正在使用最新的V2 F7。所以这是我的index.html，我就是这样[]

<div class="block-title">Separate Collapsibles</div>
<div class="list">
<ul>
    <li class="accordion-item"><a href="#" class="item-content item-link">
            <div class="item-inner">
                <div class="item-title">Item 1</div>
            </div>
        </a>
        <div class="accordion-item-content">
            <div class="block">
                <p>Item 1 content. Lorem ipsum dolor sit amet...</p>
            </div>
        </div>
    </li>
    <li class="accordion-item"><a href="#" class="item-content item-link">
            <div class="item-inner">
                <div class="item-title">Item 2</div>
            </div>
        </a>
        <div class="accordion-item-content">
            <div class="block">
                <p>Item 2 content. Lorem ipsum dolor sit amet...</p>
            </div>
        </div>
    </li>
    ...
</ul>

我的customindex.js

var app = new Framework7();

var $ = Dom7;

$('.accordion-item').on('accordion:opened', function () {
 app.dialog.alert('Accordion item opened');
});

$('.accordion-item').on('accordion:closed', function (e) {
 app.dialog.alert('Accordion item closed');
});

app.on('accordionOpened', function (el) {
  console.log('The following element opened:');
  console.log(el);
});

   //i added this function but gives error message , cannot set property 'f7View' of undefined
   var viewMain = app.view.create('.view-main',{});
$$('.accordion-item').on('accordion:opened', function () {
  app.dialog.alert('Accordion item opened');
});
我做的工作与Framework7文档完全一样，我也得到了标签div id="app"和div class = "view view-main"。请我需要一些指导...谢谢帮助

我正在使用最新的V2 F7。所以这是我的index.html，我完全像这样

Separate Collapsibles

• [[]]]

好，我遇到了一些错误，通过安装框架7的完整版npm i install framework7解决了问题>

Answer 1

好，我遇到了一些错误，通过安装框架7的完整版npm i install framework7解决了问题>