Где ошибка в функции?

Question

[drtvader]

Всем привет!
Где ошибка у меня? Gulp ругается

$('.scroll-time').each(function () {
        $(this).jScrollPane({
            var block1 = $('.jspPane');
            var block2 = $('.event-time__time');
            console.log(block2);
            block1.onscroll = function() {
              block2.scrollTop = block1.scrollTop;
              block2.scrollLeft = block1.scrollLeft;
            };
        });
    });

Answer 1

[Алексей Уколов]

Ну ведь в сообщении об ошибке даже место стрелкой указано.

Вы внутри объекта пытаетесь объявлять переменные и навешивать обработчики событий. Разумеется, так делать нельзя.

Дальше вы спросите "Если так делать нельзя, то как нужно?". На этот вопрос я ответить не смогу, поскольку не знаю вашей задачи. Возможно, вам просто нужно разделить свою логику и инициализацию jScrollPane, а может быть нужно вынести вашу логику в какой-то callback, который вызывается jScrollPane при наступлении какого-то события.

Скорее всего, вам нужен именно второй вариант - навешивать какую-то свою логику после старта jScrollPane. Поэтому вы спросите "А какой именно callback мне нужен?". Отвечу и на этот незаданный вопрос - смотрите в документации плагина, там всегда всё написано.

Comments

[drtvader]

Нужно собственно, что бы во время инициализации jScrollPane запускался скрипт. C такими еще моментами не сталкивался и это ставит меня в тупик, усвоение JS очень медленно проходит.

[Алексей Уколов]

drtvader: как я и сказал, читайте документацию плагина, там наверняка есть пример того, что вам нужно.
Ну и научитесь читать сообщения об ошибках, конечно. Вместе с развитием понимания того, что в вашем коде происходит. Если убрать из вашего кода всю шелуху вроде .each и jScrollPane, останется только голая кривая инициализация объекта. Понятно, что новичко сложно сходу вычленить нужное, но это можно сделать просто читая и анализируя код и ошибку.

[drtvader]

Алексей Уколов: понял, спасибо! Буду дальше смотреть.

[drtvader]

Алексей Уколов: да, действительно, в документации плагина есть нечто подобное, но проблема теперь это всё скомпоновать и запустить.

[Алексей Уколов]

Попробуйте реализовать самостоятельно, это базовые вещи, вы должны их хорошо понимать, если хотите писать на js. Ну а если что-то не заработает, создавайте новый вопрос с неработающим кодом.