javascript - Turn.js 更多控件制作按钮

Question

我一直在寻找如何制作控件/按钮来操作 turn.js 以制作我自己的杂志网页的方法。

这是我的 html 脚本

<div id="magazine">
    <div style="background-image:url(pages/01.jpg);"></div>
    <div style="background-image:url(pages/02.jpg);"></div>
    <div style="background-image:url(pages/03.jpg);"></div>
    <div style="background-image:url(pages/04.jpg);"></div>
    <div style="background-image:url(pages/05.jpg);"></div>
    <div style="background-image:url(pages/06.jpg);"></div>
</div>

<a onclick="turntopage(4)">Go to page 4</a>

我想制作一些按钮控件，例如转到第 4 页。这是javascript

//initialize turn js
$(window).ready(function() {
    $('#magazine').turn({
        display: 'double',
        acceleration: true,
        gradients: !$.isTouch,
        elevation:50,
        when: {
            turned: function(e, page) {
                /*console.log('Current view: ', $(this).turn('view'));*/
            }
        }
    });
});

已经有办法进行一些下一个和上一个控制

$(window).bind('keydown', function(e){
    if (e.keyCode==37)
        $('#magazine').turn('previous');
    else if (e.keyCode==39)
        $('#magazine').turn('next');
});

我想控制转到我想去的任何页面。有没有办法我可以做到这一点？

Answer 1

有方法

$("#magazine").turn("page",4)  // goto page number 4

http://www.turnjs.com/#samples/docs/18