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

$('span').on('click', function () {
    var $el = $(this),
        targetID = $el.data('target-id'),
        $target = $('#' + targetID);

    $target.toggle()
        .next('.a')
        .toggle();
});

$(".input_has-clear").append("<i class='input__clear'>x</i>");

// Ставим обработчик на событие изменения поля
$('.input__control').on('change', function () {
    // Находим родительский блок
    $(this).closest('.input_has-clear')
        // в родительском блоке находим нужный элемент
        .find(".input__clear")
        // скрываем или показываем элемент в зависимости от заполненности поля
        // обратите внимание, что toggleClass вторым аргументом принимает чисто булевое значение
        // поэтому при помощи двойного отрицания приводим строку к нему
        // если она пустая - будет false и класс уберется, иначе - добавится
        .toggleClass("input__clear_visible", !!$(this).val());
});

$(function() {
   $(".input_has-clear").append("<i class='input__clear'>");

   // 1. Этот код выполнится один раз при загрузке страницы,
   // вам же, наверняка, нужно, чтобы элемент скрывался или показывался
   // динамически по мере редактирования поля
   // 2. .input_has-clear - это span, у него нет value
   if($(".input_has-clear").val() != "") {
      // Логика определения скрытия и показа класса неверная
      // Если повесить на поле обработчик, то при вводе каждой буквы
      // Элемент будет то скрываться, то показываться
      $(this).find(".input__clear").toggleClass("input__clear_visible");
   }
});

цикл выполняться не хочет

function getSomeHtml() {
        return $(this).html();
}

for (var p = 0, len = number.length; p < len; p++) {
        if (number[p] == 'Свободен') {
            number_js[p] = $('.ofice:eq(' + p + ')>.ofice_number>strong').map(getSomeHtml)[0];

            for (var i = 0, len = rsrGroups.length; i < len; i++) {
                if (number_js[p] == rsrGroups[i].data("room")) {
                    rsrGroups[i].attr('fill', '#F4DA6C');
                }
            }
        }
    }

number_js[p] = $('.ofice:eq(' + p + ')>.ofice_number>strong').first().html();

You may also pass in a matrix while instantiating the PF.Grid class. It will initiate all the nodes in the grid with the same walkability indicated by the matrix. 0 for walkable while 1 for blocked.

matrix [координата Y (номер строки)] [координата X (номер колонки)]

if ($(window).width() > 991) {
    $("#nav-toggle").on("click", function() {
        $(this).toggleClass("active");
    });
}

var classes = ['item-id', 'item-title', 'item-price', 'delete-btn'];

$('#sf tr').each(function () {
    var $cell = $('<td>').append('<a class="add_item">Добавить в корзину</a>');
    
    $(this).append($cell);

    $(this).find('td').each(function (index, element) {
        $(element).addClass(classes[index]);
    });    
});

var classes = ['item-id', 'item-title', 'item-price', 'delete-btn'],
    $rows = $('#sf tr').filter(':gt(0)'),
    $link = $('<a>').addClass('add_item').text('Добавить в корзину'),
    $cell = $('<td>').append($link),
    $cells;

$rows.append($cell);

$cells = $rows.find('td');

$cells.each(function (index, cell) {
    $(cell).addClass(classes[index % classes.length]);
});

На сколько я поля это фишка асинхронности !?

Это получается нужно код выстраивать цепочкой из калбэков ?

$(document).ready(function () {
    var owl = $(".sldr").owlCarousel().data('owlCarousel');

    $(window).on('mousewheel', debounce(function (event) {
        var direction = event.originalEvent.deltaY < 0 ? 'next' : 'prev';
        owl[direction]();
    }, 100));   
});

function debounce(func, wait, immediate) {
    var timeout, args, context, timestamp, result;

    var later = function () {
        var last = new Date().getTime() - timestamp;

        if (last < wait && last >= 0) {
            timeout = setTimeout(later, wait - last);
        } else {
            timeout = null;
            if (!immediate) {
                result = func.apply(context, args);
                if (!timeout) context = args = null;
            }
        }
    };

    return function () {
        context = this;
        args = arguments;
        timestamp = new Date().getTime();
        var callNow = immediate && !timeout;
        if (!timeout) timeout = setTimeout(later, wait);
        if (callNow) {
            result = func.apply(context, args);
            context = args = null;
        }

        return result;
    };
}

var buttons = document.querySelectorAll('.js-btn-item'),
    popups = document.querySelectorAll('.js-products-popup'),
    closers = document.querySelectorAll('.js-btn-close'),
    index, button, popup, closer;

for (index = 0; index < buttons.length; index++) {
    button = buttons[index];
    popup = popups[index];
    closer = closers[index];

    button.addEventListener('click', buttonHandler(popup));
    closer.addEventListener('click', closerHandler(popup))
}

function buttonHandler(popup) {
    return function (event) {
        event.preventDefault();
        popup.classList.add('js-popup-show');
    }
}

function closerHandler(popup) {
    return function (event) {
        event.preventDefault();
        popup.classList.remove('js-popup-show');
    }
}