Browse Source

include default layout modes for RequireJS

Ref #578
pull/726/head
David DeSandro 11 years ago
parent
commit
d731eb0541
  1. 26
      examples/js/require-js.js
  2. 6
      js/isotope.js

26
examples/js/require-js.js

@ -16,22 +16,19 @@ requirejs( [ '../js/isotope', '../js/layout-modes/masonry' ], function( Isotope
// */ // */
// isotope.pkgd.js // isotope.pkgd.js
/* // /*
requirejs( [ 'require', 'js/isotope.pkgd.js' ], requirejs( [ 'js/isotope.pkgd.js' ], function( Isotope ) {
function( require, Isotope ) { new Isotope( '#basic', {
require( [ 'isotope/js/layout-modes/fit-rows' ], function() { layoutMode: 'masonry',
new Isotope( '#basic', { masonry: {
layoutMode: 'fitRows', columnWidth: 60
masonry: { }
columnWidth: 60 });
} });
});
});
}
);
// */ // */
// isotope.pkgd.js and jQuery // isotope.pkgd.js and jQuery
/*
requirejs.config({ requirejs.config({
paths: { paths: {
jquery: '../../bower_components/jquery/jquery' jquery: '../../bower_components/jquery/jquery'
@ -42,7 +39,6 @@ requirejs( [ 'require', 'jquery', 'js/isotope.pkgd.js' ],
function( require, $, Isotope ) { function( require, $, Isotope ) {
require( [ require( [
'jquery-bridget/jquery.bridget', 'jquery-bridget/jquery.bridget',
'isotope/js/layout-modes/masonry'
], ],
function() { function() {
$.bridget( 'isotope', Isotope ); $.bridget( 'isotope', Isotope );
@ -54,3 +50,5 @@ requirejs( [ 'require', 'jquery', 'js/isotope.pkgd.js' ],
} }
); );
}); });
// */

6
js/isotope.js

@ -585,7 +585,11 @@ if ( typeof define === 'function' && define.amd ) {
'get-size/get-size', 'get-size/get-size',
'matches-selector/matches-selector', 'matches-selector/matches-selector',
'./item', './item',
'./layout-mode' './layout-mode',
// include default layout modes
'./layout-modes/masonry',
'./layout-modes/fit-rows',
'./layout-modes/vertical'
], ],
isotopeDefinition ); isotopeDefinition );
} else { } else {

Loading…
Cancel
Save