Underscore.js defer practice

by Shota Nara

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<p>_.defer Practice</p>
<div id="wrapper">
    <a href="#" class="trigger" >クリックして発動</a>
</div>

CSS

p, div {
    margin: 20px 20px 0px;
    clear:both;
}

div.trigger2{
    color:red;
}

JavaScript

$(function () {

	function before(){
		var before = document.createElement("p");
		var beforetxt = document.createTextNode("before");
		before.appendChild(beforetxt);
		var defer = document.getElementById("wrapper");
        return defer.appendChild(before);
	}

	function after(){
		var after = document.createElement("p");
		var aftertxt = document.createTextNode("after");
		after.appendChild(aftertxt);
		var defer = document.getElementById("wrapper");
        return defer.appendChild(after);
	}

    $(".trigger").click(function(){
        _.defer(function() { after(); });
        before();
        return false;
    });

});