Question

Well im developing a knockout.js application and wonder where to put the animation functions if i do not want to keep them in the model(this does not seem like the correct place to have them)…

http://knockoutjs.com/examples/animatedTransitions.html

Answer 1

Nothing is stopping you from referencing functions outside your model. Knockout looks to the viewmodel first, but will look to the global context if it doesn’t find anything.

HTML:

<ul data-bind="template: { foreach: labels, afterAdd: app.animations.afterAdd}">
    <ol data-bind="text: $data"></ol>
</ul>

JS:

app = {};    
app.animations = {};    
app.animations.afterAdd = function(elem){
    $(elem).hide().slideDown('slow');
};

Here is a fiddle demonstrating that this works.