0

在我的 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 中的位置很少,我相信这就是上述行为的原因。仍在寻找修复。

4

1 回答 1

0

我相信您希望将样式设置为“下拉”

$(element).selectmenu({style: 'dropdown'});
于 2012-08-28T22:36:00.450 回答