【问题标题】:Turn.js swipe left and right to turnTurn.js 左右滑动来转动
【发布时间】:2016-07-22 15:30:58
【问题描述】:

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

文件.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"
    });
}

【问题讨论】:

    标签: javascript jquery ionic2 turnjs


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2013-11-24
      • 1970-01-01
      • 1970-01-01
      • 2010-10-10
      • 1970-01-01
      • 2018-02-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多