22 |
jQuery "create" Event Demo
23 |
24 |
This new event duck punches $.fn.domManip and $.fn.html to fire a custom "create" event when new, matching elements are inserted into the DOM.
25 |
26 |
30 |
31 |
Code for this demo:
32 |
33 |
34 | $.fn.geocities(function(){
35 | /*
36 | code to make a div look friggin sweet.
37 | wraps text in marquee and applies a
38 | beautiful color scheme.
39 | */
40 | });
41 |
42 | // apply plugin to all current div.geocities
43 | $("div.geocities").geocities();
44 |
45 | // apply plugin to all future div.geocities
46 | $("div.geocities").live("create", function(e){
47 | $(this).text("I am a new element!").geocities();
48 | });
49 |
50 | // the "create another" link
51 | $("#create-new-div").click(function(){
52 | $("div.geocities:last").after('<div class="geocities"></div>');
53 | return false;
54 | });
55 |
56 |
57 |
Create another
58 |
Welcome to 1999. Look at me go!!
59 |