javascript - 单击时按钮不调用函数

Question

我想要一个在单击按钮时运行的函数。当我在 html 正文中这样处理它时它工作正常

<div type="button" id="decline" class="btn btn-danger mrs"></div> 

但是，我需要它在下面的代码块中工作，该代码块位于 underscore.js 包装器中。目前函数不会使用下面的执行，我想知道为什么？ id放错地方了吗？

$('#containerFriendsPending').empty();
_.each(friends, function(item) {
    var wrapper = $('<div class="portfolio-item-thumb one-third"></div>');
    wrapper.append('<div type="button" 
                         id="decline" 
                         class="btn btn-danger mrs">' + 
                   'Decline' + 
                   '</div>');
    $('#containerFriendsPending').append(wrapper);
});

Answer 1

虽然您发布的代码解决方案将在第一次运行:

$('#decline').click(function() {
    Friendrequest_decline();
});

根据您的回答，替换包装器代码后它将不起作用。您必须使用 .on() 来委托(delegate)事件:

$(document).on('click', '#decline', function() {
    Friendrequest_decline();
});

或

$('#containerFriendsPending').on('click', '#decline', function() {
    Friendrequest_decline();
});

例如:

$(document).on('click', '#id', function() {}) vs $('#id').on('click', function(){})