playground
/
isotope
mirror of https://github.com/metafizzy/isotope
1
0
Fork 0
Code Issues Releases Activity
Browse Source

require js example

pull/726/head
David DeSandro 11 years ago
parent
95cfeda21c
commit
cb94da90e0
2 changed files with 32 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 36
      examples/js/require-js.js
  2. 2
      examples/require-js.html

36
examples/js/require-js.js
Unescape View File

@ -6,7 +6,7 @@ requirejs.config({
baseUrl: '../bower_components' baseUrl: '../bower_components'
}); });
requirejs( [ '../js/isotope', '../js/layout-modes/masonry' ], function( Isotope ) { requirejs( [ '../js/isotope' ], function( Isotope ) {
new Isotope( '#basic', { new Isotope( '#basic', {
masonry: { masonry: {
columnWidth: 60 columnWidth: 60
@ -16,7 +16,7 @@ requirejs( [ '../js/isotope', '../js/layout-modes/masonry' ], function( Isotope
// */ // */
// isotope.pkgd.js // isotope.pkgd.js
// /* /*
requirejs( [ 'js/isotope.pkgd.js' ], function( Isotope ) { requirejs( [ 'js/isotope.pkgd.js' ], function( Isotope ) {
new Isotope( '#basic', { new Isotope( '#basic', {
layoutMode: 'masonry', layoutMode: 'masonry',
@ -27,18 +27,43 @@ requirejs( [ 'js/isotope.pkgd.js' ], function( Isotope ) {
}); });
// */ // */
// isotope.pkgd.js and jQuery // bower components and jQuery
/* /*
requirejs.config({ requirejs.config({
baseUrl: '../bower_components',
paths: { paths: {
jquery: '../../bower_components/jquery/jquery' jquery: 'jquery/jquery'
} }
}) })
requirejs( [
'jquery',
'isotope/js/isotope',
'jquery-bridget/jquery.bridget'
],
function( $, Isotope ) {
$.bridget( 'isotope', Isotope );
$('#basic').isotope({
masonry: {
columnWidth: 60
}
});
});
// */
// isotope.pkgd.js and jQuery
// /*
requirejs.config({
paths: {
jquery: '../../bower_components/jquery/jquery'
}
});
requirejs( [ 'require', 'jquery', 'js/isotope.pkgd.js' ], requirejs( [ 'require', 'jquery', 'js/isotope.pkgd.js' ],
function( require, $, Isotope ) { function( require, $, Isotope ) {
require( [ require( [
'jquery-bridget/jquery.bridget', 'jquery-bridget/jquery.bridget'
], ],
function() { function() {
$.bridget( 'isotope', Isotope ); $.bridget( 'isotope', Isotope );
@ -52,3 +77,4 @@ requirejs( [ 'require', 'jquery', 'js/isotope.pkgd.js' ],
}); });
// */ // */

2
examples/require-js.html
Unescape View File

@ -6,7 +6,7 @@
<title>require js</title> <title>require js</title>
<link rel="stylesheet" href="examples.css" /> <link rel="stylesheet" href="examples.css" />
<script data-main="js/require-js" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.5/require.js"></script> <script data-main="js/require-js" src="//cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.js"></script>
</head> </head>
<body> <body>

Write Preview
Loading…
Cancel
Save