geoffb · February 15, 2011 22:58
diff --git a/jquery_events.html b/jquery_events.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
 	<title>jQuery Event Test</title>
 	<style>
 		.red {
 			background: #f00;
 		}
 		.blue {
 			background: #00f;
 		}
 	</style>
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
 </head>
 <body>

 	<div id="container">
 		<div class="red">Red DIV</div>
 		<div class="blue">Blue DIV</div>
 	</div>

 	<script>

 		var bind = function (fn, context) {
 			return function () {
 				fn.apply(context, arguments);
 			}
 		};

 		var lib = {};

 		lib.MyObject = function (name) {
 			this.name = name;
 			this.container = $("#container");
 			this.container.click(bind(this.handleClick, this));
 		};

 		lib.MyObject.prototype.handleClick = function (e) {
 			var target = $(e.target);
 			alert(this.name + " says: You clicked " + target.html());
 		};

 		var foo = new lib.MyObject("Geoff");

 	</script>

 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>jQuery Event Test</title>
	<style>
	.red {
	background: #f00;
	}
	.blue {
	background: #00f;
	}
	</style>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
	</head>
	<body>

	<div id="container">
	<div class="red">Red DIV</div>
	<div class="blue">Blue DIV</div>
	</div>

	<script>

	var bind = function (fn, context) {
	return function () {
	fn.apply(context, arguments);
	}
	};

	var lib = {};

	lib.MyObject = function (name) {
	this.name = name;
	this.container = $("#container");
	this.container.click(bind(this.handleClick, this));
	};

	lib.MyObject.prototype.handleClick = function (e) {
	var target = $(e.target);
	alert(this.name + " says: You clicked " + target.html());
	};

	var foo = new lib.MyObject("Geoff");

	</script>

	</body>
	</html>