浏览器中的framework7 rtl上一个/下一个按钮

Question

“图片浏览器上一页，图片浏览器下一页”按钮有问题 它无法正常工作

Сheckthis

它的2之3，但上一个按钮被禁用，当我使用此样式时，它起作用

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

但是滑动方向错误。

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

说明代码： 此代码将从photoBroweser中获取事件，然后调用我们的自定义函数，如果图像数量大于0，则该函数将从上一个按钮中删除已禁用的功能，如果要在单击上方的按钮时查看上一个图像，则还需要传递true代码...希望它能解决您的问题。

注意：如果在photoBroser中有特殊情况，您也可以在photobroser中使用自定义事件：

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