jquery提到输入不使用新生成的元素

Question

在我的网站上，我目前正在使用jquery组件“mentionsInput”。它工作正常，但它似乎不适用于新的ajax生成的元素。

$(function () {
    var data = [];

    $(document).on('focus','.mention', function(){

        var id = $(this).attr("data-entity");
        $.ajax({
            type: "GET",
            url: host + '/users/mentions-list/' + id,
            success: function(response) {
                data = response;
            }
        });
    });

    $('.mention').mentionsInput({
        onDataRequest:function (mode, query, callback) {
            var requestData = _.filter(data, function(item){
                return item.name.toLowerCase().indexOf(query.toLowerCase()) > -1;
            });
            callback.call(this, requestData);
        }
    });

});

.on焦点函数适用于新生成的元素，但第二个函数没有。

我该如何解决这个问题？