淘汰值绑定不适用于 jquery 自动完成。如何让它发挥作用？
我有一个模板：
<input
type="text"
class="autocomplete"
data-bind="value: viewModelObservableValue"
name="MyValue" />
模板渲染后，我在输入上应用 jQuery 自动完成。绑定不起作用。看我的jsfiddle https://jsfiddle.net/nonsense66/3vVDJ/.
仅当ko.applyBindings(viewModel)追随$(..).autocomplete(..);
看起来 jQuery 自动完成劫持了change事件。这就是为什么它不起作用。
要解决此问题，您必须设置valueUpdate财产给blur。当然，选择项目后不会触发此操作，您必须先进行模糊处理。
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Scheme"
];
$(".autocomplete").autocomplete({
source: availableTags
});
});
var viewModel = {
myValue: ko.observable()
};
ko.applyBindings(viewModel);
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<input type="text" class="autocomplete" data-bind="value: myValue, valueUpdate:'blur' " />
<div data-bind="text: myValue"></div>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
