IE onclick未触发

Question

我在一个事件之后用jquery动态地做了一个按钮

var $btnRow = $('<input />')
    .attr('type', 'button')
    .attr('id', 'myID')
    .attr('onclick', 'AddChildRow(this);')
    .val('Row');
$btnRow.css({ 'width': '38px', 'padding': '0' });

生成的html如下所示：

<input type="button" id="myID" onclick="AddChildRow(this);" value="Row" style="width: 38px; padding: 0pt;">

我的js文件中有一个AddChildRow函数。它在FF中工作得很好，但在IE中就不行了(它不调用AddChildRow )。以前有人遇到过同样的问题吗？此按钮是dynamic DIV -> Table -> TR -> TD架构的一部分。任何帮助都将不胜感激。

Answer 1

尝试以不同方式绑定按钮单击事件并使用jQuery click事件

var $btnRow = $('<input />')
    .attr('type', 'button')
    .attr('id', 'myID')
    .val('Row')
    .click(AddChildRow)
    .css({ 'width': '38px', 'padding': '0' });

$("div").append($btnRow);

function AddChildRow()
{
    alert(this.id);
}

http://jsfiddle.net/hunter/nSCHn/

在IE 6/7/8/9中测试并工作的

Answer 2

您还可以使用jQuery的live()方法。例如：

$(“#myId”)点击(‘.live’，AddChildRow)；

并随时在页面上插入myId按钮，因为live()方法会“发现”它并将AddChildRow函数绑定到它。