由Ajax动态创建的元素不起作用

Question

我在Laravel项目中有这个功能

$(document).on('click', '.btn-success',function(){
            var value=$(this).attr("value");
            var qtd = $('#qtd' + value).val();
            var cod = $(this).attr("codigo");

            $.ajax({
                type: 'get',
                url: '/carrinhoAjax',
                data: {
                    'item': value,
                    'quantidade':qtd,
                    'id_carrinho':carrinho
                },
                success: function(data) {
                    $('.cart').append(data);
                }
            });
        });

创建此元素：

<div id="{{$carrinho->id_material}}" class="glyphicon glyphicon-remove" style="cursor:pointer; margin-left:25px;"></div>

当我点击这个生成的元素时，它应该调用另一个函数：

$(".glyphicon").on("click", function () {
        var id = $(this).attr('id');
        var tr = $(this).closest('tr');
        var carrinho = {{Session::get('cart')}};

        $.ajax({
            type: 'get',
            url: '/removeAjax',
            data: {
                'item': id,
                'carrinho':carrinho,
            },
            success: function(data) {
                tr.remove();
            }
        });

但它没有。 如果我在没有Ajax调用的情况下使用这个新元素它确实有用，所以我不认为第二个函数就是问题。