jQuery Append Partial HTML
HTML
<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<div id = "div_container">
</div>
JavaScript
$(document).ready(function() {
function append(callback)
{
for(var i = 0; i < 10; i++)
{
// Append to the container
$('#div_container').append(i);
$('#div_container').append("</b");
$('#div_container').append("r>");
}
callback();
}
// From: http://stackoverflow.com/a/8840703/4925189
var forceRedraw = function(element)
{
if (!element) { return; }
var n = document.createTextNode(' ');
var disp = element.style.display; // don't worry about previous display style
element.appendChild(n);
element.style.display = 'none';
setTimeout(function(){
element.style.display = disp;
n.parentNode.removeChild(n);
},20); // you can play with this timeout to make it as short as possible
}
append(function() {
// From: http://stackoverflow.com/a/8840703/4925189
//$('#div_container').hide().show(0);
forceRedraw(document.getElementById('div_container'));
});
});