我正在建立一个包含活动簿的网站。
为此,我使用了Turn.js和JQuery 1.9.1。
目前,该书运行良好,但在chrome控制台中,我收到以下错误,并且不知道如何解决。
我正在读这是因为事件处于被动模式,所以不能执行preventDefault(),但是我不清楚,因为我的解决方案是这样。
我将不胜感激。
错误:
无法在被动事件侦听器调用中阻止Default。
每次更改页面都会出现错误
jQuery版本:1.9.1
事件开始:Documentation
事件转弯:Documentation
Turn.js:Documentation
问候
index.html
<section>
<div class="flipbook-viewport">
<div class="container">
<div id="flipbook">
<div id="1">
<img src="magazine/pages/1-large.jpg">
</div>
<div id="2">
<img src="magazine/pages/2-large.jpg">
</div>
</div>
</div>
</div>
</section>
app.js
var flipbook = $('#flipbook');
flipbook.turn({
// flipbook width
width: 922,
// flipbook height
height: 600,
// Duration in millisecond
duration: 1000,
// Enables gradients
gradients: true,
// Auto center this flipbook
autoCenter: false,
// Elevation from the edge of the flipbook when turning a page
elevation: 50,
// The number of pages
pages: 12,
start: function (event, pageObject, corner) {
if (pageObject.next === 1) {
event.preventDefault();
}
},
turning: function (event, page, view) {
if (page === 1) {
event.preventDefault();
}
},
when: {
missing: function (event, pages) {
// Add pages that aren't in the flipbook
for (var i = 0; i < pages.length; i++)
addPage(pages[i], $(this));
}
}
});