Javascript 使用knockout.js设置范围滑块的属性

我不熟悉knockout.js，想问一个简单的小问题

我有以下简单的JQuery移动范围滑块，工作正常：

<input min=1 max=50 value=3 type="range"  data-highlight="true">

但这不起作用。这是全文 有人能告诉我我做错了什么吗

如果我想用滑块值的变化来更新x1，我还需要做什么

---

感谢而不是

max

和

min

绑定，它应该是：

您可以阅读有关在文档中订阅的信息

更新：要更改

x1

，请调用

CurrPage（value）

，下面的

changefurrent

函数正好执行以下操作：

var x1 = 8,
    x2 = 40;

function ViewModel () {
    this.CurrPage = ko.observable(x1);
    this.MaxPage = ko.observable(x2);

    this.CurrPage.subscribe(function (value) {
        x1 = value;
    });

    this.changeCurrent = function () {
        this.CurrPage(13);
    }
};

ko.applyBindings(new ViewModel());

---

我试图在另一个函数中更改x1的值，以查看滑块上的反向影响，但无法这样做。请检查这个JSFIDLE：您应该更改可观察对象以影响x？请举个例子好吗？我对这种东西完全陌生。谢谢，太好了。非常感谢：-）对不起，还有一个问题。如何直接从代码中调用changeCurrent，而不是通过单击按钮将其绑定？ViewModel（）.changeCurrent（）不起作用。为太多的基本问题道歉。

var x1 = 8;
var x2 = 40;

function ViewModel () {
    this.CurrPage = ko.observable(x1);
    this.MaxPage = ko.observable(x2);
};

ko.applyBindings(new ViewModel());

<input data-bind="attr: {min: 1, max: MaxPage}, value: CurrPage" type="range" data-highlight="true">

this.CurrPage.subscribe(function (value) {
    x1 = value;
});

var x1 = 8,
    x2 = 40;

function ViewModel () {
    this.CurrPage = ko.observable(x1);
    this.MaxPage = ko.observable(x2);

    this.CurrPage.subscribe(function (value) {
        x1 = value;
    });

    this.changeCurrent = function () {
        this.CurrPage(13);
    }
};

ko.applyBindings(new ViewModel());

<button data-bind="click: changeCurrent">Change current</button>

function ViewModel() {
    ...
};

var vm = new ViewModel();
ko.applyBindings(vm);

vm.CurrPage(13);