jquery - 奇怪的 turn.js 行为

Question

我正在做简单的杂志项目 wuth turn.js，但我遇到了奇怪的行为。

我的 JS：

var pageWidth = 280;
var pageHeight = 400;


$('.magazine img').each(function(index, element) {
    $(this).width(pageWidth);
    $(this).height(pageHeight);
});
$('.magazine').turn({
    width: pageWidth*2,
    height: pageHeight,
    when:{}
});

$('.magazine-viewport').zoom({
    flipbook: $('.magazine'),
    max: 3,
    when:{
        tap: function(event){
            if ($(this).zoom("value")==1) {
                $(this).zoom("zoomIn", event);
            } else {
                $(this).zoom("zoomOut");
            }
        }
    }
});

当用户点击 时.magazine，它会缩放然后消失。