javascript - jquery - 无法为动态创建的元素调用函数

Question

我有一个分页ajax函数，如下所示:

$.fn.ajaxPagination = function() {

    return this.unbind('click').on('click', function(e) {

        e.preventDefault();
        //alert();return;

        if (!$(this).parent().hasClass('disabled')) {

            var href = $(this).attr('href');
            var wrapper = $(this).closest('.content-wrapper');

            wrapper.addClass('loader-bg');


            $.post(href + '&ajax=1', function(response) {

                wrapper.removeClass('loader-bg');
                wrapper.html(response);
                sig.init();

                return false;
            });

        } else {
            return false;
        }
    });
};

我使用代码调用它:

$('.pagination > li > a').ajaxPagination();

有时 anchor 链接是根据ajax的结果显示的。因此它们成为动态创建的元素。由于这些 anchor 标记的动态创建，我无法调用此函数。如果是点击或任何其他事件，我知道如何解决这个问题。但这是函数的调用。如何解决这个问题？欢迎任何想法。 :)

Answer 1

我建议您使用事件委托(delegate)。请参阅https://learn.jquery.com/events/event-delegation/您应该绑定(bind)单击包含所有动态创建的 anchor 的父元素，匹配选择器，并且您不必费心将单击事件添加到动态创建的元素。