仅在滑块停止后更新滑块

时间:2016-02-04 08:50:08

标签: javascript jquery jquery-ui knockout.js jquery-ui-slider

我使用jquery-ui slider设置了knockout.js滑块。

<input id="ex2" data-slider-id="ex2Slider" type="text" data-bind="sliderValue: {value: borrowOrInvestAmount, min:0, max: 5000, step: 1, formatter:formatter2}, event: { change: $root.getInvestmentDetailsForBorrower }, valueUpdate:['afterkeydown','propertychange','input']" style="display: none;">

所以我尝试使用value-update但是没有用。现在,当我单击滑块点而不拖动它时,它会正常工作并调用$root.getInvestment,但我希望在滑块停止拖动后立即调用它。

现在当我拖动滑块时,它会在所有点上停止,直到达到目标。

2 个答案:

答案 0 :(得分:1)

您只需要替换:

JAXRSClientFactory.create

T resource = JAXRSClientFactory.create(basePath, resourceType, username, password, null);

ko.utils.registerEventHandler(element, "slidestop",..)

ko.utils.registerEventHandler(element, "slidestop",...)

此更改将更改从ko.utils.registerEventHandler(element, "slide", function (event, ui) {... 更改为ko.utils.registerEventHandler(element, "stop", function (event, ui) {... 的事件。

工作示例:

&#13;
&#13;
slide
&#13;
stop
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我发现我的代码中的错误我只是在valueUpdate中写了一点太多,只是写了这个

valueUpdate:['afterkeydown','propertychange','input']

而不是这个

MainView

完美无缺!