javascript - 按钮在 IE9 中无法正确呈现

Question

我正在尝试为每个 jQuery 添加一个按钮。它在其他浏览器中完美运行，IE9 失败。

代码:

function AddUnsubscribeButton()
{
    var btn = $('<button/>',
    {
    type: 'button',
    text: 'Unsubscribe',
    id: 'btnUnsubscribe',
    click: function () { AddCurrentUserToSubscriptionList("Unsubscribe");return false; }
    });

    var divBtns = $(".divButtons").parent();
    divBtns.find('#btnSubscribe').remove();
    if(divBtns.first().children().length == 2)
    {   
    divBtns.first().append(btn);
    }
}

在 IE9 页面源代码中显示如下:

< button id="btnUnsubscribe" type="button" jQuery17207435150102662105="16" >

我错过了什么？

同样在页面中它不呈现为按钮，它只显示按钮文本 - Unsubscribe。
但我需要它像在其他浏览器中一样显示为按钮。

IE9 似乎没有渲染结束标签。

Answer 1

您实际上是在错误地设置元素的属性。按钮元素没有按钮类型，因此您应该使用具有 type=button 的输入元素或删除类型。

function AddUnsubscribeButton() {
    var btn = $('<button />', {text: 'Unsubscribe', id: 'btnUnsubscribe'});

    btn.on('click', function() {
        AddCurrentUserToSubscriptionList("Unsubscribe");
        return false;
    });

    var divBtns = $(".divButtons").parent();
    divBtns.find('#btnSubscribe').remove();

    if(divBtns.first().children().length == 2) {   
        divBtns.first().append(btn);
    }
}

直接在元素的属性中添加点击功能似乎在 IE 中添加了一些奇怪的东西，正确的方法是使用点击事件处理程序，如上所示。