Oluşturduğum formda ki id kliklenmiyor

3 hafta önce

Merhaba arkadaşlar Jquery ile butona tıkladığım da sayfada formu oluşuyor hatta o formda veri de post edebiliyorum resim verisi yine ajax kullanarak
fakat oluşturduğum form da kapat buttonu diye button da koydum id de resimekle buttonla aynı resimekle button aktif olurken oluşan formda gelen kapat button aktif olmuyor form oluşturmak için append kullandım ilk size attığım html fonksiyonu her iki fonksiyon da da form oluşuyor ama oluşan button da ki kapat buttonu aktif olmuyor tıklayınca acaba js ile oluşan html etiketleri geçici olduğu için onda ki id leri yok mu sayıyor nedir problem acaba? görselleri de bırakıyorum aşşağı



R10.net JavaScript Kodu
1 2 3 4 5 6 7 8 9 10 11 12 13 14 $(function () { // footer resim yükle formu      $("#footerform").click(function () {               var veri = $(this).attr("data");         console.log(veri)        if (veri == "form") {            $('#footerform').remove()            var form = '<section class="content-header">n' +                '    <div class="container-fluid">n' +                '        <div class="col-md-12">n' +                '            <div class="card card-primary">n' +                '                <div class="card-header">n' +                '                    <h3 class="card-title">Footer Resmi Ekle</h3>n' +                '                </div>n' +                '                <div class="durum"></div>n' +                '                <form action="javascript<b></b>:void(0);" name="formsifirla" method="post" id="site-form"n' +                '                      enctype="multipart/form-data" _lpchecked="1">n' +                '                    <div class="card-body">n' +                '                        <div class="col-sm-12" style="text-align: center">n' +                '                            <div class="resimonizle-logo"></div>n' +                '                        </div>n' +                '                        <div class="form-group">n' +                '                            <label for="resimupdate-logo">Footer Resmi</label>n' +                '                            <div class="input-group">n' +                '                                <div class="custom-file">n' +                '                                    <input type="file" class="custom-file-input" id="resimupdate-logo" name="Resim"n' +                '                                           required="">n' +                '                                    <label class="custom-file-label" for="resimupdate-logo">Footer Resminin' +                '                                        Seç</label>n' +                '                                </div>n' +                '                                <span class="info-container">n' +                '                                      <span class="info">Önerilen Resim Boyutu 166x75 ve Resim Formatını " jpeg,jpg,png " olarak seçmeniz gerekir onun dışında ki formatlar yüklenemez Resim formatı dönüştürmek için bu siteyi kullanabilirsiniz <an' +                '                                                  href="https://convertio.co/tr/webp-png/">Convertio</a> ve resim uplaod ederken bir şey olmuyor gibi fark edersiniz işlem arkada gerçekleşiyor..</span>n' +                '                                </span>n' +                '                            </div>n' +                '                        </div>n' +                '                    </div>n' +                '                    <input type="hidden" name="footeresimekle" readonly="readonly">n' +                '                </form>n' +                '                <div class="card-footer col-12">n' +                '                    <button type="submit" form="site-form" class="btn btn-success col-12 mb-2">Footer Resmini Oluşturn' +                '                    </button>n' +                '                    <button class="btn btn-danger col-12" id="footerform" data="iptal">Kapat</button>n' +                '                </div>n' +                'n' +                '            </div>n' +                '        </div>n' +                '    </div>n' +                '</section>';           $('#form-olustur').html(form);       } else if (veri == "iptal") {             alert("işlem iptal")         }     });    return false; });
  #javascript #jquery #html