@@ -76,6 +76,13 @@ klass.prototype.constructor = klass; return klass; + }, + delegate: function(rules) { + return function(e) { + var target = $(e.target); + for (var selector in rules) + if (target.is(selector)) return rules[selector].apply(this, $.makeArray(arguments)); + } } }); src/lowpro.jquery.js @@ -28,17 +28,18 @@ Clicky = $.klass({ initialize: function(arg) { console.log('Ive been applied with arg: ' + arg); + this.arg = arg; }, - onclick: function() { - console.log('clicked'); - console.log(this.element); - } + onclick: $.delegate({ + '#woo': function() { alert(this.arg) }, + '#yeah': function() { console.log(this, arguments) } + }) }) jQuery(function($) { - $('p').attach(Clicky, 56); + $('#thing').attach(Clicky, 56); $('a').attach(Remote); - $('form').attach(Remote) + $('form').attach(Remote); }); </script> </head> @@ -52,5 +53,11 @@ <input name="thing4545" /> <input type='submit' name="boo" value="thing" /> <input type='submit' name="boo2" value="thing2" /> +</form> + +<div id="thing"> + <span id="yeah">Yeah</p> + <span id="woo">woo</span> +</div> </body> </html> test/test.html 9028f49d7608ef3c488b69482b0ec1ad8aa9c399 Dan Webb dan@danwebb.net http://github.com/sudara/low-pro-for-jquery/commit/7c3dd5c36ce5b9a5d8e9d332d016e7f76eba95e6 7c3dd5c36ce5b9a5d8e9d332d016e7f76eba95e6 2008-02-08T05:18:51-08:00 2008-02-08T05:18:51-08:00 added delegate method for easy event delegation 4813e3877c66585bb42c2c16ce15c908cde54123 Dan Webb dan@danwebb.net