Simple "wrapper" binding

http://www.knockmeout.net/2011/07/another-look-at-custom-bindings-for.html

by supercool

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/jquery.tmpl.js"></script>
<script src="http://knockoutjs.com/downloads/knockout-2.2.1.debug.js"></script>
<input data-bind="value: name" />
<hr/>
<input type="text" data-bind="fadeInText: name" />

<div data-bind="text:ko.toJSON($data)"></div>

JavaScript

ko.bindingHandlers.fadeInText = {
    update: function(element, valueAccessor) {
       
     var value = valueAccessor();
        ko.bindingHandlers.value.update(element,valueAccessor);
        $(element).change(function () {
                value($(element).fadeInText('get'));
            });
    } 
};

var viewModel = {
    name: ko.observable("Bob")
};

ko.applyBindings(viewModel);