Кнопки Stepper Framework7 не работают

Я вставил степпер в мобильное веб-приложение на основе Framework7:

        <div class="stepper stepper-init">
          <div class="stepper-button-minus"></div>
          <div class="stepper-input-wrap">
            <input type="text" value="0" min="0" max="100" step="1" readonly>
          </div>
          <div class="stepper-button-plus"></div>
        </div>

Однако две кнопки плюс/минус для увеличения/уменьшения значения не работают... их нужно инициализировать? Или я должен сам писать обработчики onclick для этих кнопок?

(Конечно, я просмотрел примеры кухонной раковины Framework7 - там я не нашел указаний на ручную обработку кликов; и степпер помещается внутри формы, и приложение правильно инициализировано и работает хорошо, в остальном ;-)


javascript web-applications html html-framework-7
person ak2002    schedule 12.07.2018    source источник
comment
Обычно это stepper-init, которые автоматически инициализируют..   -  person Djiggy    schedule 12.07.2018
comment
Верно, но установлен stepper-init (см. фрагмент кода). Может ли что-то мешать инициализации?   -  person ak2002    schedule 13.07.2018

Ответы (1)


arrow_upward
0
arrow_downward

Я думаю, что разобрался: экспериментируя с многостраничным приложением, я завернул свой <div class="page"> в элемент <div class="pages">, и это, кажется, мешало инициализации степпера.

Как только я удалил <div class="pages"> (оставив только одну страницу внутри <div class="page">), кнопки шагового двигателя заработали.

person ak2002    schedule 13.07.2018