Oluşturduğum formda ki id kliklenmiyor - R10.net
  • 07-10-2020, 11:30:42
    #1
    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ğı



    $(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: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;
    });
  • 07-10-2020, 12:00:32
    #2
    Hocam bunun için click fonksiyonu çalışmaz click fonksiyonu yüklenirken belirlenir yani değişken elementlerde on('click' olarak kullanmalısınız. Yani click fonksiyonunu sabit elementlerde değişken elementler içinde on kullanın.
    Ne kadar yakın, o kadar uzak!
  • 07-10-2020, 15:23:06
    #3
    BeycanDeveloper adlı üyeden alıntı
    Hocam bunun için click fonksiyonu çalışmaz click fonksiyonu yüklenirken belirlenir yani değişken elementlerde on('click' olarak kullanmalısınız. Yani click fonksiyonunu sabit elementlerde değişken elementler içinde on kullanın.
    teşekür ederim üstadım js de ki acemiyim kendimce