$(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;
});
});
<p>_.defer Practice</p>
<div id="wrapper">
<a href="#" class="trigger" >クリックして発動</a>
</div>
p, div {
margin: 20px 20px 0px;
clear:both;
}
div.trigger2{
color:red;
}
External resources loaded into this fiddle: