turn.js: 使用鼠标换页时改变URL
turn.js: altering URL when using mouse to change page
我在我工作的网站上使用 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
时发生的情况,我将非常感谢您的帮助!
谢谢!
尝试以下操作。它应该工作
flipbook.bind('turning',function (event, page, corner) {
Hash.go('page/'+page).update();
});
我在我工作的网站上使用 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
时发生的情况,我将非常感谢您的帮助!
谢谢!
尝试以下操作。它应该工作
flipbook.bind('turning',function (event, page, corner) {
Hash.go('page/'+page).update();
});