framework7 rtl кнопка «предыдущая/следующая» в фото-браузере

У меня проблема с кнопкой "фото-браузер-пред.,фото-браузер-следующий" Она не работает должным образом

Проверьте это
image

Это 2 из 3, но кнопка «Предыдущий» отключена, и когда я использую этот стиль, он работает.

.photo-browser-swiper-container {
      direction: ltr;
}

но направление swiper неправильное.


person mahdi shojaei    schedule 05.12.2018    source источник
comment
Привет! Добро пожаловать в СОФ! Пожалуйста, найдите время, чтобы перейти по ссылке и отредактировать свой вопрос, чтобы сделать его более понятным!   -  person Mohammadreza Khatami    schedule 05.12.2018


Ответы (1)


У меня такая же проблема, и я исправляю ее следующим образом:

var yourPhotoObj = app.photoBrowser.create({......});

    /* Fixing F7 Bug in PhotoBroswer Prev Link Image */
    $$(document).on('click', '.photo-browser-prev', function(e){
        fixingF7PrevButtonIssueInRtl(true);
    });

    $$(document).on('click', '.photo-browser-next', function(e){
        fixingF7PrevButtonIssueInRtl();
    });

    function fixingF7PrevButtonIssueInRtl(removeOne = false)
    {
        if(langVarialbeDirection == 'rtl'){// Change langVarialbeDirection to your direction
            if(!yourPhotoObj || !yourPhotoObj.opened){// exit if photoBroswer object not declared
                return;
            }

            if(removeOne){
                yourPhotoObj.open(yourPhotoObj.activeIndex - 1);
            }

            if(yourPhotoObj.activeIndex != 0){
                $('.photo-browser-prev').removeClass('swiper-button-disabled').attr('aria-disabled', false);
            }else{
                $('.photo-browser-prev').addClass('swiper-button-disabled').attr('aria-disabled', true);
            }
        }
    }

Объясните код: этот код получит событие от photoBrowser, а затем вызовет нашу пользовательскую функцию, эта функция удалит отключенную кнопку из предыдущего, если количество изображений больше 0, также вам нужно передать true, если хотите включить просмотр предыдущего изображения при нажатии на кнопке над кодом... Я хочу, чтобы это исправило вашу проблему.

Примечание. Вы также можете использовать настраиваемое событие в фотоброзере. Если у вас есть особые случаи в вашем фотоброзере:

on: {
                    opened: function(){
                        fixingF7PrevButtonIssueInRtl();
                    },
                    lazyImageLoad: function(){
                        fixingF7PrevButtonIssueInRtl();
                    }
                } 
person Anees Hikmat Abu Hmiad    schedule 05.12.2018
comment
Здравствуй. Спасибо за ответ. ваш код находит и работает хорошо. но есть 2 проблемы. когда вы проводите по последней картинке, кнопка «Далее» не отключается. и когда вы снова нажмете «Далее», а затем нажмите «Назад», проведите пальцем по первой картинке. я просто исправить первый. но второй не работал. попытаться предотвратить щелчок, но также не работает. забудьте сказать, что я использую Framework7 3.5.2. - person mahdi shojaei; 08.12.2018
comment
Для прокрутки вам нужно определить прослушиватель событий, например следующий и предыдущий. Я думаю, что - person Anees Hikmat Abu Hmiad; 08.12.2018