JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/gbirke/jquery_pagination/master/src/jquery.pagination.js"></script>
<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.js"></script>
<link rel="stylesheet" href="http://d-scribe.de/webtools/jquery-pagination/lib/jquery_pagination/pagination.css">
<div data-bind="pagination: { items: 122, selected: selected }"></div>
<div style="clear: both;">
Selected page: <span data-bind="text: selected"></span>
</div>
JavaScript
ko.bindingHandlers.pagination = {
init: function(element, valueAccessor) {
var options = valueAccessor() || {};
if(options.selected && ko.isObservable(options.selected)) {
options.callback = options.selected;
}
$(element).pagination(options.items, options);
}
};
ko.applyBindings({ selected: ko.observable() });