Turn.js中的preventDefault事件发生错误

时间:2019-04-24 21:24:30

标签: javascript turn.js


我正在建立一个包含活动簿的网站。
为此,我使用了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));

            }
        }        
    });

0 个答案:

没有答案