Framework 7 Аккордеон не отображается, когда я нажимаю на него, я знаю, проблема в JS файле? - PullRequest
Новая
       26

Framework 7 Аккордеон не отображается, когда я нажимаю на него, я знаю, проблема в JS файле?

0 голосов
/ 11 марта 2020

Я использую последнюю версию V2 F7. Итак, вот мой индекс. 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". Пожалуйста, мне нужно руководство ... Спасибо за помощь

1 Ответ

0 голосов
/ 12 марта 2020

Хорошо, я получил ошибку, проблема решена установкой полной версии фреймворка 7 npm i install framework7

...