Turn.js 左右滑动转弯

Question

我在我的Ionic2项目中使用turn.js，当用户从左向右滑动或从右向左滑动时需要翻页。如何在滑动时触发翻转？

file.ts

ngAfterViewInit() {
    var winWidth = window.innerWidth;
    var winHeight = window.innerHeight;

    console.log(winWidth,winHeight);

    jQuery("#flipbook").turn({
        width: winWidth,
        height: winHeight,
        display:'single',
        zoom: 0,
        turnCorners: "bl,br,tl,tr,l.r"
    });
}

Answer 1

绑定到 jquery 的 swipeleft 和 swiperight 事件并在 turnjs 上调用 turn 方法。

jQuery( window ).on( "swipeleft", function( event ) { 
        $('#flipbook').turn('next');
               } );


jQuery( window ).on( "swiperight", function( event ) { 
        $('#flipbook').turn('previous');
               } );

Turn.js 左右滑动转弯

Turn.js swipe left and right to turn

javascript

jquery

ionic2

turnjs