phonegap -放大swiper.js幻灯片

Question

我正在工作的ios网络应用程序，这将与phonegap包装，以便缩放在一般情况下是禁用的，视口是不可伸缩的。

我有一个幻灯片，我使用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');
}

});