javascript - 从动态表中的 div 选择按钮

Question

我需要为表格内的 div 内的按钮添加点击事件处理程序。我如何使用 jQuery 达到它。这是我的 div:

<div id = 'fromServer'></div>

这是我填充它的方式:

function onSuccess(response) {
    p = response;   //p is global for debugging! 
    resultsArray = response.results;
    str = '<table id=\'mytable\'>';
    str += '<tr><td class =\'title\'>Album</td>';
    str += '<td class =\'title\'>Track Name</td>';
    str += '<td class =\'title\'> <button id =\'save\'>Save</button></td></tr>';

    for (i = 0; i < resultsArray.length; i++) {
        str += '<tr><td>' + '<img src=\'' + resultsArray[i].artworkUrl100 +'\' height=\'100\' width=\'100\''  +  '</td>';
        str += '<td class=\'albumName\'>'  + resultsArray[i].trackName.substring(0,30) + '</td>';
        str +=   '<td> <input type=\'checkbox\' class =\'checkbox\' name=\'' + i + '\'></td></tr>';
    }
    str += '</table>';
    $('#fromServer').html(str);
}

这是它的样子:

现在我想为保存按钮添加一个点击事件处理程序，我该怎么做？这是我的尝试，但没有用。

$('#fromServer').find("#mytable").find("#save").bind('click', saveButtonEventHandler);

//Event Handlers
function saveButtonEventHandler(evt) {
    alert("Button pressed!");
}

Answer 1

看起来内容是用 ajax 加载的。您可以使用以下功能。

$(document).on("click", '#save', function(event) { 
    alert("button pressed");
});