По умолчанию мой браузер Google Chrome открывается для просмотра IPhone X.Когда я впервые открываю приложение, карусель не работает.У меня есть кнопки, которые должны переключаться с помощью прослушивателя событий, когда они нажимаются и вызывают функцию next (), затем я изменил ее на setActiveIndex (), и ни одна функция не работает вообще.То, что я заметил, - то, что, если я обновляю страницу к другому представлению мобильного устройства, тогда это работает.Но при первой начальной загрузке он не работает независимо от вида мобильного устройства.Я думал, что не правильно взаимодействую с DOM, используя ons.ready () или eventListener 'init', и ничего не работает.Я попробовал буквально все.
ons.ready(function () {
});
document.addEventListener('init', function (event) {
if (page.pushedOptions.page === 'landingpage.html') {
// My Carousel controls listeners
var btnOne = document.getElementById('btnOne');
btnOne.addEventListener('click', function() {
var carousel = document.getElementById('carousel');
carousel.setActiveIndex(1);
});
var btnTwo = document.getElementById('btnTwo');
btnTwo.addEventListener('click', function() {
var carousel = document.getElementById('carousel');
carousel.setActiveIndex(2);
});
}
});