为什么在ajax之后点击不起作用？

我使用 ajax 获取数据并将其插入到 div 中，但单击这些块不再有效。如何解决这个问题？

 $('body').find('select').css({ 'display': 'none' });
        $('body').find('label').css({ 'display': 'none' });
        $(".add_to_cart").submit(function (e, addr) {
            e.preventDefault();
            var quantity = $(this).find('select option:selected').val();
            console.log(quantity);
            $.ajax({
                type: "POST",
                url: String($(this).data("action")),
                data: { csrfmiddlewaretoken: csrftoken, quantity: quantity },
                success: function (data) {
                    console.log(data);
                    $('.main-offer_list').html(data);
                    
                }
            });
        });
        $( ".delete-btn" ).on( "click", function(e){ 
            e.preventDefault();
            $.ajax({
                type: "POST",
                url: String($(this).data("delete")),
                data: { csrfmiddlewaretoken: csrftoken },
                success: function (data) {
                    $('.main-offer_list').html(data);
                }
            });
      });