附加<Button>无法运行JQuery

Question

我使用JQuery的.Append()方法将按钮附加到无序列表,并且由于某种原因,附加按钮在单击时不会调用其函数.我使用HTML插入了相同的按钮,它工作正常,但由于某种原因,附加的按钮将无法运行.有没有办法让他们工作,或者我只是需要解决它？

    $("#requestDisplay").append(<button class='requestRemovalButton'>" + "Remove Request" + "</button>);

HTML中的VS.

    <button class="requestRemovalButton">Remove Request</button>

后者将运行该功能,但前者不起作用,这是我用来测试按钮的功能.

    $(".requestRemovalButton").on( "click", remove);

    function remove() {
        alert( "The request is being removed, please wait." );
    }

感谢您的任何建议.

Answer 1

由于按钮是动态添加的,因此您需要使用事件委派来注册事件处理程序,如: -

// New way (jQuery 1.7+) - .on(events, selector, handler)
$('#requestDisplay').on('click', '.requestRemovalButton', function(event) {
    event.preventDefault();
    alert( "The request is being removed, please wait." );
});