javascript - 使用turn js获取当前页码

Question

我正在使用 turn js ，一个创建翻书功能的 js。

从在线资源获取当前页面的语句是:

alert($('selector').turn('page'));

但是，它只得到一个空值，这意味着 $('selector').turn('page') 不工作。如何获取用户阅读页面的页码。由于一本书同时有 2 页，我想获取左侧或右侧的页面，该怎么做？谢谢

Answer 1

您应该将'selector' 更改为包含'pages' 的div 的id

例如:

<div id='flipbook'>
    <div class="hard"> Turn.js </div> 
    <div class="hard"></div>
    <div> Page 1 </div>
    <div> Page 2 </div>
    <div> Page 3 </div>
    <div> Page 4 </div>
    <div class="hard"></div>
    <div class="hard"></div>
</div>

在 js 中

alert($('#flipbook').turn('page')); //do not forget the #

如果您发布更多代码，我们可以为您提供更多帮助:)

if you click here你可以看到一个带有代码的工作示例

编辑:在 fiddle 中添加了一些事件处理