execute some function after rivets.js binding finishes - rivets.js

Question

I'm kinda new to rivets and I don't fully understand it so I came upon which seems to be a pretty basic thing to do, but I couldn't do it.
I'm trying to execute some jQuery that only runs AFTER rivets finished binding everything? (it is a $().each that enables click event on each line created after rivets binds a list to a rv-each li element)
It isn't working, but if I try to manually call the function after the pages finished loading and after rivets finished binding (on the browser console), then everything works great.

Answer 1

You can wrap the code you want to execute after rivets binding is done inside a 0 timeout, so that it is pushed to the bottom of the callstack and will be executed after the existing tasks are completed.
var bigArr = [];
for (var i = 0; i < 20000; i++) {
/* ADJUST THIS untill you see the difference
WARNING: Keep it under control
*/
bigArr.push({
count: i
});
}
rivets.bind($("div"), { // bind rivets
arr: bigArr
});
setTimeout(function() {
console.log("rivets done it's thing!"); // executed when binding is done
}, 0);
console.log("Rivets..? Who!"); // executed before elements are rendered
div {
display: inline-block;
margin: 5px;
padding: 5px;
background: royalblue;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/rivets/0.7.1/rivets.bundled.min.js"></script>
<div rv-each-item="arr">{item.count}</div>