基因敲除与IE7

Question

此语法适用于FF。

<input data-bind="checked: isRequest, attr: { name: 'id_' + id }" type="checkbox" />

但是在IE7中没有呈现name属性吗？

编辑：其他属性，如标题工作，奇怪，但我需要名称属性，以便我可以发布数据:/

Answer 1

我遇到了一个类似的问题，试图用attr：{ 'class'：trying，'style'：somethingElse}来处理棘手的问题，并且放弃了让attr绑定在IE7中工作的尝试。

所做的工作是编写一个自定义绑定来手动应用jquery：

ko.bindingHandlers.customCss = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        var css = ko.utils.unwrapObservable(valueAccessor());
        $(element).addClass(css);
    },
    update: function (element, valueAccessor, allBindingsAccessor) {
        var css = ko.utils.unwrapObservable(valueAccessor());
       $(element).addClass(css);
    }
};

因此，在您的示例中，我将尝试在document.ready ()之前添加以下内容：

ko.bindingHandlers.customName= {
    init: function (element, valueAccessor, allBindingsAccessor) {
        var name= ko.utils.unwrapObservable(valueAccessor());
        $(element).attr('name', 'id_' + name);
    },
    update: function (element, valueAccessor, allBindingsAccessor) {
        var name= ko.utils.unwrapObservable(valueAccessor());
        $(element).attr('name', 'id_' + name);
    }
};

然后将您的输入绑定为：

<input data-bind="checked: isRequest, customName: id }" type="checkbox" />

Answer 2

我知道这是旧的，但我找到了一个解决IE6/7问题的方法。通过查看其“uniqueName”绑定的最新敲除源，可以找到解决方案：

ko.bindingHandlers['uniqueName'] = {
    'init': function (element, valueAccessor) {
        if (valueAccessor()) {
            element.name = "ko_unique_" + (++ko.bindingHandlers['uniqueName'].currentIndex);

            // Workaround IE 6/7 issue
            // - https://github.com/SteveSanderson/knockout/issues/197
            // - http://www.matts411.com/post/setting_the_name_attribute_in_ie_dom/
            if (ko.utils.isIe6 || ko.utils.isIe7)
                element.mergeAttributes(document.createElement("<input name='" + element.name + "'/>"), false);
        }
    }
};

只需利用相同的机制合并属性，这将与更改name属性具有相同的效果，但使用IE6\7友好的方式。