在我的 html 中,我有这个数据绑定
<select data-bind="options: graders,
optionsText: 'LastName',
optionsValue: 'Id',
selectmenuValue: selectedGroup().GraderId,
optionsCaption: 'Choose a grader'">
</select>
在我的 JavaScript 中,我需要实时刷新 UI
ko.bindingHandlers.selectmenuValue = {
init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
if (typeof ko.bindingHandlers.value.init !== 'undefined') {
ko.bindingHandlers.value.init(element, valueAccessor, allBindingsAccessor, viewModel);
}
},
update: function (element, valueAccessor, allBindingsAccessor, viewModel) {
if (typeof ko.bindingHandlers.value.update !== 'undefined') {
ko.bindingHandlers.value.update(element, valueAccessor, allBindingsAccessor, viewModel);
}
$(element).selectmenu();
}
};
在 Firefox 中一切正常,但在 IE 和 Chrome 上,每当我将鼠标悬停在组合框上时,它的弹出窗口就会立即关闭。弹出窗口应该像在 Firefox 中一样保持打开状态。经过多次尝试,我发现如果我将鼠标从第一个项目移动到其他项目之一,同时按下它的按钮并按下该点,我可以让它保持打开状态。
有人知道如何解决这个问题吗?
更新:我刚刚意识到它的弹出窗口在 IE 和 Chrome 中的位置很少,我相信这就是上述行为的原因。仍在寻找修复。