Knockout js jquery range slider && 2 entrées

J'ai besoin d'aide. J'ai un code http://jsfiddle.net/ZNvWR/19/ . Je suis un débutant en souffrance, et je ne trouve aucune solution.

Alors, comment réécrire ce code pour obtenir des entrées de travail (les valeurs de changement dans les entrées changent les valeurs de curseur)?

<div data-bind="jqSlider: percent, jqOptions: { min: 0, max: 100, range:true }"></div> <hr/> Percent: <input data-bind="value: percent()[0]" /> Percent: <input data-bind="value: percent()[1]" /> ko.bindingHandlers.jqSlider = { init: function(element, valueAccessor, allBindingsAccessor) { //initialize the control var options = allBindingsAccessor().jqOptions || {}; $(element).slider(options); //handle the value changing in the UI ko.utils.registerEventHandler(element, "slide", function() { //would need to do some more work here, if you want to bind against non-observables var observable = valueAccessor(); observable($(element).slider("values")); }); //handle disposal (if KO removes by the template binding) ko.utils.domNodeDisposal.addDisposeCallback(element, function() { $(element).slider("destroy"); }); }, //handle the model value changing update: function(element, valueAccessor) { var value = ko.utils.unwrapObservable(valueAccessor()); $(element).slider("values", value); } }; var viewModel = { percent: ko.observableArray([10,50]) }; ko.applyBindings(viewModel) 

Je viens d'aider l'utilisateur de SO avec un curseur, il peut être modifié comme ça pour faire ce que vous voulez

http://jsfiddle.net/N9uwx/3/

 <input data-bind="value: min" /><input data-bind="value: max" /><div data-bind="slider: { min: min, max: max }, sliderOptions: {min: 0, max: 100, step: 1}"></div>