&--yt {
background: url('../img/yt-x2.png');
background-size: 50% 50%;
}
var $win = $(window),
$content = $(".js-content"),
$parallax = $content.find(".js-parallax"),
baseHeight = $content.outerHeight(),
maxScroll = baseHeight - $win.innerHeight(),
parallaxHeight = $parallax.outerHeight(),
parallaxDiff = parallaxHeight - baseHeight,
scrollTop, scrollPercent, parallaxTop;
$win.on("scroll", function () {
scrollTop = $win.scrollTop();
scrollPercent = scrollTop / maxScroll * 100;
parallaxTop = parallaxDiff / 100 * scrollPercent;
$parallax[0].style.top = -parallaxTop + "px";
});
var queue = [], // тут храним очередь
active = false; // тут храним инфу об активности
// наша обертка над методом $.ajax
var myAjax = function (config) {
queue.push(config); // конфиг аякс-запроса кладем в конец очереди
nextInQueue(); // вызываем следующий элемент в очереди
};
// отправляем запрос
var nextInQueue = function () {
if (active) {
return; // если в данный момент идет запрос, то ничего не делаем
}
active = true; // ставим флаг что запрос активен
// если очередь опустела, ничего не делаем
if (!queue.length) {
active = false;
return;
}
// получаем первый элемент очереди
var current = queue.shift();
// сам аякс запрос, данные берем из конфига current
$.ajax({
url: current.url,
data: current.data,
success: function () {
active = false; // ставим флаг что запрос завершен
nextInQueue(); // вызываем следующий элемент в очереди
}
});
};
// Запрос 1
myAjax({
data: "1"
});
// Запрос 2
myAjax({
data: "2"
});
// Запрос 3
myAjax({
data: "3"
});
<script type="text/javascript" src="http:/ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
Подправим урл на
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type='text/javascript'>QueryLoader.init();</script>
изменим на
<script type='text/javascript'>
$(document).ready(function (){
QueryLoader.init();
});
</script>