我正在使用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
时,它会缩放然后消失。