jquery - 从dom中删除元素后进行ajax调用 - jquery

Question

当我单击时，.main-li我删除了 的所有元素.sub-ul，但是当我在按钮上快速单击多次时，删除完成，然后 ajax 调用正在运行。

$(document).on('click','.main-li', function(){
    if($(this).children('ul').children('li').remove()){
        var topics = data;
        var sectionId = $(this).attr('data-id');
        $.get('{{ GET_ILOS }}/'+select.value+'/'+sectionId, function(data){
            $.each(JSON.parse(data), function( key, value ) {
                var Input = '<li class="sub-li" data-id="'+value.id+'"  id="btn-li"> "'+value.name+'" </li>';
                $('#sub-'+value.section_id).append(Input);
                Input = '';
            });

        });

        $(this).find('.sub-ul').addClass('show');
        $(this).siblings().children('ul').removeClass('show');
        $(this).toggleClass('opened');
    }

});

标签： jqueryajax