Событие срабатывания кнопки-переключателя Bootstrap срабатывает только один раз

Question

У меня есть динамически заполненный пункт выпадающего меню через ajax. У меня есть следующий код

$(document).on('click', '.btnMenu', function (e) {
        e.preventDefault();
        DisplayDd($(this));
    });
    
 function DisplayDd(thisObj) {
        var campaignId = thisObj.attr('data-req-id');
        ajaxCall({
            url: '/GetCampaignMenuList/' + campaignId,
            methodType: "GET",
            requestVerficationToken: $("#ReqToken").val(),
            successFn: function (res) {
                BindDDMenuListSuccess(res, campaignId)
            },
            failFn: BindRaffleFailure
        });
    }
    
 function BindDDMenuListSuccess(res,campaignId) {
    if (res.response) {
        $('ul[data-menu-item="' + campaignId + '"]').html('');
        $('ul[data-menu-item="' + campaignId + '"]').append(res.data);
    }
}

<div class="btn-group dropleft">
                           
                            <button role="button" data-toggle="dropdown" type="button" data-req-id="180" class="btnMenu btn btn-secondary mx-1  btn-sm dropdown-toggle">
                               
                                <i class="fas fa-bars"></i> <span class="caret"></span>
                            </button>
                            <ul data-menu-item="180" class="dropdown-menu" role="menu" style="z-index:999;"></ul>
                        </div>

Событие нажатия на кнопку с классом .btnMenu вызывается только один раз. После этого только стандартные функции загрузочного плагина начальной загрузки, называемые кнопкой «(.btnMenu)», снова нажимаются. Так как мне нужно заполнять данные динамически и отображать их внутри выпадающего меню каждый раз .BtnMenu Нажатие кнопки. Я не могу этого сделать. Может кто-нибудь, пожалуйста, проверьте это.