$(function () {
$('.carousel li').eq(1).css({
opacity: .5
});
$('.carousel').jCarouselLite({
btnNext: '.next',
btnPrev: '.prev',
visible: 3,
scroll: 1,
afterEnd: function (data) {
data.eq(1).css({
opacity: .5
});
},
beforeStart: function (data) {
data.eq(1).css({
opacity: 1
});
}
});
});$('.carousel li').eq(1).css({
opacity: .5
});
Поместив код в один файл, мы всё равно получаем синхронную загрузку с последующим анализом кода. Анализ выполняет интерпретатор. Require.js — всего лишь прослойка JS-кода между интерпретатором, производящим анализ, и основным кодом. Так что проблема в этом случае остаётся — ожидание браузера до окончания загрузки единого JS-файла и завершения синтаксического анализа его кода.
Мне кажется, что не нужно кидаться в крайности, выбирая единственно возможный вариант на все случаи жизни. Нужно смотреть на особенности проекта, а также использовать возможности localStorage для дополнительного кэширования.