add jQuery bridget; jQuery browserify example

add jquery bridget as devDependency

bower.json

@@ -19,6 +19,7 @@
     "draggabilly": "1.x",
     "jquery": "~1",
     "jquery-ui-draggable": "https://gist.github.com/4985610.git",
+    "jquery-bridget": "1.1.x",
     "qunit": "^1.15"
   },
   "ignore": [

package.json

@@ -12,6 +12,7 @@
   "devDependencies": {
     "draggabilly": "1.x",
     "jquery": "~1",
+    "jquery-bridget": "1.1.x",
     "qunitjs": "^1.15",
     "grunt": "~0.4.0",
     "grunt-contrib-jshint": "~0.4.1",
@@ -30,6 +31,8 @@
     "url": "git://github.com/metafizzy/packery.git"
   },
   "keywords": [
+    "DOM",
+    "browser",
     "layout",
     "bin",
     "binpacking",

sandbox/browserify/jquery-main.js

@@ -0,0 +1,24 @@
+// ----- jQuery ----- //
+
+var Packery = require('../../js/packery');
+var Draggabilly = require('draggabilly');
+var $ = require('jquery');
+var jQBridget = require('jquery-bridget');
+
+$.bridget( 'packery', Packery );
+
+var $container = $('#basic').packery({
+  columnWidth: 50,
+  rowHeight: 50
+});
+
+var pckry = $container.data('packery');
+
+$.each( pckry.items, function( i, item ) {
+  var draggie = new Draggabilly( item.element );
+  $container.packery( 'bindDraggabillyEvents', draggie );
+});
+
+$container.packery( 'on', 'dragItemPositioned', function( pckry, item ) {
+  console.log( 'drag item positioned', item.position.x, item.position.y );
+});

sandbox/browserify/main.js

@@ -21,5 +21,3 @@ for ( var i=0, len = pckry.items.length; i < len; i++ ) {
 pckry.on( 'dragItemPositioned', function( pckry, item ) {
   console.log( 'drag item positioned', item.position.x, item.position.y );
 });
-
-// ----- jQuery ----- //