zooming - phonegap - 放大 swiper.js 幻灯片

Question

我正在开发一个将用 phonegap 包装的 ios webapp，因此通常禁用缩放并且视口不可扩展。

我有一个幻灯片，我使用 swiper.js - 我使用 iscroll.js 进行缩放功能。

当我放大图片并现在滑动以查看缩放帧时，会解释滑动以转到下一个幻灯片图像。

所以我的想法是在我处于缩放模式时将“swiper-no-swipe”类添加到幻灯片中，并在我缩放回原始大小时将其删除。

我猜 iscroll.js 正在使用 css-transform 进行缩放功能，因此您必须请求 transform-value 是否大于 0，然后添加 no-swipe 类。

有谁知道如何做到这一点？

提前致谢

Answer 1

这是我的解决方案：

    //NO SWIPE//
$('.swiper-slide').on('vmousedown', function(e) {

var matrix = $('.photo-aktiv').css('-webkit-transform');
var values = matrix.match(/-?[\d\.]+/g);
var n = values.toString(); 
var first = n.split(',', 1);
var länge = parseFloat(first);
if(länge>1){
     $(".swiper-slide").addClass('swiper-no-swiping');

}else{
    $(".swiper-slide").removeClass('swiper-no-swiping');
}

});