使用 turn.js 创建了动画书的演示,如果我点击 Angular 落,它可以正常工作。
我需要添加下一个和上一个按钮,这是 turns js 的一个功能,但我无法添加它。
谁能帮帮我。
JS:
$("#flipbook").turn({
width: 400,
height: 300,
autoCenter: true,
next:true
});
最佳答案
jQuery Turn 库支持methods明确翻页。
为了满足您的要求,我们可以添加两个按钮,在它们上面绑定(bind)点击事件并分别调用 Turn 库方法(命名为“next”和“previous”)。
检查这个working demo .
HTML(添加两个按钮):
<div class="flip-control">
<a href="#" id="prev"> Previous </a>
<a href="#" id="next"> Next </a>
</div>
CSS(应用样式):
div.flip-control {
width: 400px;
text-align: center;
}
div.flip-control a {
margin-left: 10px;
}
JavaScript:
var oTurn = $("#flipbook").turn({
width: 400,
height: 300,
autoCenter: true,
next:true
});
$("#prev").click(function(e){
e.preventDefault();
oTurn.turn("previous");
});
$("#next").click(function(e){
e.preventDefault();
oTurn.turn("next");
});
关于javascript - 如何添加下一个和上一个按钮 --- Turn.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25800594/