Ошибка в событии с protectDefault в Turn.js - PullRequest
Новая
       31

Ошибка в событии с protectDefault в Turn.js

0 голосов
/ 25 апреля 2019


Я создаю веб-сайт, который содержит флипбук.
Для этого я использую Turn.js и JQuery 1.9.1.
В настоящее время книга работает хорошо, но в консоли chrome появляется следующая ошибка, и я не знаю, как ее исправить.
Я читал, что это потому, что вы не можете сделать warnDefault (), так как событие находится в пассивном режиме, но я не очень ясно, как это решение в моем случае.
Буду признателен за любую помощь.

Ошибка: Невозможно предотвратитьDefault внутри вызова пассивного прослушивателя событий.

Ошибка появляется каждый раз, когда я меняю страницу

Версия JQuery: 1.9.1

Событие Старт : Документация
Событие Превращение : Документация
Turn.js: Документация

Привет

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));

            }
        }        
    });
...