Framework7 RTL предыдущая / следующая кнопка в фото-браузере - PullRequest
Новая
       21

Framework7 RTL предыдущая / следующая кнопка в фото-браузере

0 голосов
/ 05 декабря 2018

У меня проблема с кнопкой «photo-browser-prev, photo-browser-next». Она не работает должным образом.

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

Его 2 из3, но предыдущая кнопка отключена, и когда я использую этот стиль, он работает 

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

, но направление движения жестким диском неверно.

1 Ответ

0 голосов
/ 05 декабря 2018

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

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);
            }
        }
    }

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

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

on: {
                    opened: function(){
                        fixingF7PrevButtonIssueInRtl();
                    },
                    lazyImageLoad: function(){
                        fixingF7PrevButtonIssueInRtl();
                    }
                }
...