我有一个名为 foo 的可观察对象,然后是一个与 foo 互连的计算对象
foo = ko.observable();
bar = ko.computed(function(){
read: function() {
var blah = parseFloat(self.foo()),
qux = blah + 1;
return qux;
},
write: function(value)
{
value = parseFloat(value);
self.foo(value - 1);
},
});
我有这个文本字段
<input type="text" name="foo" id="foo" placeholder="Foo" class="border-bottom" data-bind="value: foo"/>
我有这个 jQuery Mobile Range Slider
<input class="ratio" type="range" name="slider-percent" min="0.00" max="100.00" data-highlight="true" step="0.1" data-bind="value: bar"/>
然后是 KO 的调试标记
<pre data-bind="text: ko.toJSON($data, null, 2)"></pre>
这是我遇到的一些问题
- 当我更新
foo
文本字段时,我看到bar
调试标记的值发生了变化,但它并没有反映在实际的滑块中。 - 当我尝试移动滑块时,没有任何反应。既不更新
foo
也不bar
更新。
有没有办法解决这个问题?