为什么滑块从错误的位置开始？

Question

我正在尝试将滑块值传递给 span 并动态更改它。它工作正常，但是当我开始页面时，滑块按钮移位了错误的值。我该如何解决？ 这是我的 HTML

<div data-role="page">
    <div data-role="header">
        <h1>Slider Control</h1>
    </div>

    <div data-role="main" class="ui-content">

            <label for="points">Points:</label>
            <input type="range" data-highlight="true"  data-bind="attr: {'id': id, 'min': min, 'max': max}, value: value, valueUpdate: 'input'" />
            Net: <span data-bind="text: value"></span>
    </div>

这是my fiddle

编辑

这是滑块的示例，滑块从其位置开始。 Fiddle

Answer 1

看起来 jQuery mobile 会在 敲除设置它的值之前初始化滑块。

快速而肮脏的解决方案：（不推荐）在应用绑定后手动触发更新。

ko.applyBindings(viewModel);
$("input").trigger("change");

https://jsfiddle.net/avk9dyw4/

真正的解决方案：应用绑定在 jquery mobile 初始化或创建一个自定义绑定处理程序，该处理程序负责初始化小部件和设置属性的顺序。