| <!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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment