andreyqin

Пока что сделал так: в carousel.js, в самом начале, перед оберткой, объявил глобальные переменные, соответствующие моим функциям в этом модуле. А внутри обертки присваиваю этим переменные нужные функции:

var myFunc, myFunc2, myFunc3;
(function($) {
    $(document).ready(function() {
        myFunc = function () {
            /* ... */
        }
        myFunc2 = function () {
            /* ... */
        }
    });
})(jQuery);

Работает, но что-то мне подсказывает, что это самая неправильная реализация из всех возможных. Про пространства имен не понял где нужно объявлять.

Не совсем понимаю почему, но проблема оказалась в делегировании события у кнопок, которые находятся внутри блоков. Теперь, вместо назначения события общей обертки приходится назначать его каждой кнопке отдельно. Т.е. вместо:

$('.wrapper').on('click', 'span', function(event) { / ... / }

пишу:

$('.wrapper span').on('click', function(event) { / ... / }

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

Сам сейчас интересуюсь. Возможно, Вам подойдет эта ссылка - learn.javascript.ru/websockets

jsfiddle.net/YEq75

Пару функций можно написать и на чистом js. Вот примеры - youmightnotneedjquery.com
По поводу animate - что мешает заглянуть в исходный код?

От Специалиста есть очень не плохой курс по PHP, всего 4 уровня, начиная от самых азов и заканчивая разработкой сложных веб приложений.