Получение изотопов, работающих на requirejs... или нет. Зависимости?
На данный момент я борюсь с Isotopejs & requirejs. Как дизайнер, как я, эти вещи с модулями и зависимостями пугают меня;)
Я пытаюсь запустить это: http://codepen.io/desandro/pen/mEinp
Вот мой require-config.js
:
(function (global, require) {
'use strict';
require.config({
baseUrl: './webroot/js',
catchError: true,
paths: {
'site-core': './modules/shared/site-core',
'isotope': './vendor/isotope/dist/isotope.pkgd',
'jquery-bridget': './vendor/jquery-bridget/jquery-bridget',
'jquery': './vendor/jquery.min',
'bootstrap': './vendor/bootstrap/bootstrap'
},
shim: {
'jquery': {
exports: 'jQuery'
}
}
});
})(this, require);
Файл, где я хочу запустить галерею изотопов, выглядит следующим образом:
'use strict';
// require the require function
require(['require', 'jquery', 'isotope'],
function (require, $, Isotope) {
require(['jquery-bridget'],
function () {
// make Isotope a jQuery plugin
$.bridget('isotope', Isotope);
// now you can use $().isotope()
$('.grid').isotope({
itemSelector: '.grid-item',
masonry: {
columnWidth: 100
}
});
}
);
}
);
Вот как это выглядит на данный момент. Как видите, моя консоль заполнена ошибками зависимости (?).
Модули: layout-mode / masonry Ошибка: ошибка скрипта для "layout-mode /masonry"(…)
Модули: Layout-Mode / Fit-Rows Ошибка: Ошибка сценария для "Layout-Mode / Fit-Rows"(…)
Модули: ошибка элемента: ошибка сценария для элемента
Модули: layout-mode Ошибка: ошибка сценария для "layout-mode"(…)
Модули: layout-режимы / вертикальный Ошибка: ошибка скрипта для "layout-mode /vertical"(…)
Я жонглировал модулями API изотопов и все еще застрял. Кто-нибудь видит, где проблема? Я больше не имею понятия. Я надеюсь, что кто-то из вас способен, вы укажете мне правильное направление.
Хорошего дня и спасибо! Себ.