jquery не подхватывает ссылку с json

Question

Приветствую! Столкнулся с такой проблемой. Есть страничка "http://blabla.ru/brands", где единственное что выводится, это JSON в таком виде

{"date":"17-07-2017","title":"test2","description":"test1","url":"test3"}

Далее есть страничка, где описан мой активный календарь.

скрипт из него

<script>
    $(function(){
        var data = [];
        $.getJSON( "http://blabla.ru/brands", function(JSONItems){
            data = JSON.parse(JSONItems);
        });
        $('#eventCalendar').eventCalendar({
            jsonData: data,
            eventsjson: 'data.json',
            jsonDateFormat: 'human',
            startWeekOnMonday: false,
            openEventInNewWindow: true,
            dateFormat: 'DD-MM-YYYY',
            showDescription: false,
            locales: {
                locale: "ru",
                txt_noEvents: "Нет запланированных событий",
                txt_SpecificEvents_prev: "",
                txt_SpecificEvents_after: "события:",
                txt_NextEvents: "Следующие события:",
                txt_GoToEventUrl: "Смотреть",
                moment: {
                    "months" : [ "Январь", "Февраль", "Март", "Апрель", "Май", "Июнь",
                        "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь" ],
                    "monthsShort" : [ "Янв", "Фев", "Мар", "Апр", "Май", "Июн",
                        "Июл", "Авг", "Сен", "Окт", "Ноя", "Дек" ],
                    "weekdays" : [ "Воскресенье", "Понедельник","Вторник","Среда","Четверг",
                        "Пятница","Суббота" ],
                    "weekdaysShort" : [ "Вс","Пн","Вт","Ср","Чт",
                        "Пт","Сб" ],
                    "weekdaysMin" : [ "Вс","Пн","Вт","Ср","Чт",
                        "Пт","Сб" ]
                }
            }
        });
    });
</script>

Дело в том, что по ссылке не видит данные JSON.

Подскажите, как парсить данные оттуда?

Answer 1

Ошибка в том, что на момент создания календаря переменная data пуста. Перенесите код создания календаря в событие успешного окончания AJAX-запроса:

$.getJSON( "http://blabla.ru/brands", 
   function(JSONItems){
       data = JSONItems;
        // Создаем календарь
        $('#eventCalendar').eventCalendar({
           .....
         });
     });