gpt4 book ai didi

jquery - 使用jqSlider和knockout js实现滑动事件

转载 作者:行者123 更新时间:2023-12-01 06:24:10 25 4
gpt4 key购买 nike

我有一个像这样的绑定(bind)处理程序:

ko.bindingHandlers.percentageSlider = {
init: function (element, valueAccessor, allBindingsAccessor) {
var options = allBindingsAccessor().percentageSliderOptions || {};
$(element).slider(options);
ko.utils.registerEventHandler(element, "slidechange", function () {
var observable = valueAccessor();
observable($(element).slider("value"));
});
ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
$(element).slider("destroy");
});
ko.utils.registerEventHandler(element, "slide", function () {
var observable = valueAccessor();
observable($(element).slider("value"));
});
},
update: function (element, valueAccessor) {
var value = lo.unwrap(valueAccessor());
$(element).slider("value", value);

}
};

还有一个绑定(bind) slider 的模板,如下所示:

<tr>
<td class="caption-cell">@Translate("EditProbability")</td>
<td width="75%">
<div style="float:left;" data-bind="percentageSlider: probability, percentageSliderOptions: {min: 0, max: 100, range: 'min', step: 10}"></div>
<div style="float:left;margin:0 0 0 10px" data-bind="dynamicText: function(){ return probability() + '%'; }"></div>
</td>
</tr>

处理程序动态文本如下所示:

ko.bindingHandlers.dynamicText = {
'update': function (element, valueAccessor) {
var value = lo.unwrap(valueAccessor());
if (typeof value === 'function') {
value = value(element);
}
if ((value === null) || (value === undefined)) {
value = "";
}
if (typeof element.innerText == "string") { element.innerText = value; }
else { element.textContent = value; }
}
};

现在我的问题是 slider 有不规则的行为,有时我无法达到 100%,有时该值与应有的值相差几十个。如果我只单击 slider 一次,它总是会到达正确的位置。我希望在滑动 slider 时更新百分比,并且我还希望 slider 通过 knockout (使用更新事件)正确更新。我应该采取什么方法?感谢您的阅读。

最佳答案

这是一个工作的 jsFiddle:http://jsfiddle.net/jearles/yumLr/

您的问题是您需要使用: ui.value 来获取幻灯片和幻灯片更改事件处理程序中更新的句柄值。请注意更改的事件处理程序签名。

关于jquery - 使用jqSlider和knockout js实现滑动事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9513121/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com