turn.js: 使用鼠标换页时改变URL

Question

我在我工作的网站上使用 turn.js，并且在使用鼠标翻阅类似网站的书籍页面时遇到了一些与更改 URL 有关的问题。到目前为止我已经尝试过：

flipbook.bind('start', function (event, page, corner) {
    if (corner == 'tr') {
        changeUrl('plus'); //just a function that increments page number
    } else if (corner == 'tl') {
        changeUrl('minus'); //just a function that decrements page number
    }
});

这项工作是因为当翻页时，它会使用 changeUrl() 函数更新我的 URL。但是，当我将鼠标悬停在页面边缘时，它已经改变了页面。我只需要在 click 编辑页角后翻页，而不是在将鼠标悬停在页角上时翻页。

我也试过了

    flipbook.bind('turning', function (event, page, corner) {
        if (page%2 == 0) {
           changeUrl('plus');
        } else if (page%2 != 0) {
           changeUrl('minus');
        }
    });

这在技术上可行，但它弄乱了我的 link 并将我发送到 turn.js 应用程序的最后一页，无论我将 link 设置到哪里到。

如果有人知道任何其他方式来操纵当我在 turn.js 而不是 hover 上使用鼠标 click 时发生的情况，我将非常感谢您的帮助！谢谢！

Answer 1

尝试以下操作。它应该工作

flipbook.bind('turning',function (event, page, corner) {
    Hash.go('page/'+page).update();
});

turn.js: 使用鼠标换页时改变URL

turn.js: altering URL when using mouse to change page

url

jquery

turnjs