Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!


Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > jQuery
Bikoin

JQUERY Element Eklendikten Sonra Fonksiyon Çalıştırma

  #1  
Okunmamış 09 Ağustos 2018, 17:12
Avatar Seçilmemiş
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 01 Kasım 2015
Yaş / Cinsiyet: 31 / Erkek
Ad, Soyad: Ha... Fe...
Mesajlar: 419
Beğeniler: 177 / 151
Ticaret: 3, 100%
Dinamik olarak bir buton oluşturuyorum.

PHP- Kodu:
$("body").append("<button class=\"sonuc\">Sonuçlar</button>"); 
Bu butona tıklandığında işlem yapılsın istiyorum.

Yani şunun gibi

PHP- Kodu:
$('.sonuc').click(function () {
                    
alert("Çaliştı");
                }); 
Ancak asenkron olarak yüklendiği için bu işlem çalışmıyor. Statik olarak eklediğimde elementi çalışıyor. Bunu nasıl çözebiliriz ?
  #2  
Okunmamış 09 Ağustos 2018, 17:14
kelebek Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 11 Mayıs 2013
Cinsiyet: Erkek
Meslek: Geliştirici
Konum: Malatya
Ad, Soyad: Em... Kö...
Mesajlar: 2.877
Beğeniler: 656 / 43
Ticaret: 5, 100%
JS onclick ile bunu yapabilirsin.

https://www.w3schools.com/JSREF/event_onclick.asp
WmOptimize bunu beğendi.
  #3  
Okunmamış 09 Ağustos 2018, 17:17
Avatar Seçilmemiş
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 01 Kasım 2015
Yaş / Cinsiyet: 31 / Erkek
Ad, Soyad: Ha... Fe...
Mesajlar: 419
Beğeniler: 177 / 151
Ticaret: 3, 100%
kelebek Hocam onu bi ara denedim olmadıydı demek bir yerde yanlış yaptım şimdi oldu
Kodu şu şekilde append etmem lazım demekki.

Alıntı:
$("body").append("<button onclick=\"sonuclar(50)\" class=\"sonuc\">Sonuçlar</button>");
Ayrıca hızlı dönüşünüz için teşekkür ederim hocam
  #4  
Okunmamış 09 Ağustos 2018, 17:29
cpolat Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 19 Nisan 2018
Yaş / Cinsiyet: 28 / Erkek
Ad, Soyad: Mu... Po...
Mesajlar: 116
Beğeniler: 41 / 9
Ticaret: 0, 0%
bir javascript dosyası ile sayfaya sonradan dahil edilen nesneler için jquery'de live methodu mevcut şu anki haliyle yeni versiyonlarda sorun yaşayabilirsiniz. en son gönderdiğiniz kodda şöyle bir sorun mevcut. sonuclar(50) değilde sonuclar('50') şeklinde denemeniz lazım. string veya integer değer fark etmez bir değer gönderdiğinizi bilmesi lazım jQuery. ben şu anda cdn 3.3.1 versiyonu kullanıyorum bu yöntemle gidiyorum bilginiz olsun WmOptimize eğer sorun olursa size küçük bir örnek dahi hazırlayabilirim.
WmOptimize bunu beğendi.
http://www.wise-king.com (Bilge Kral) - Skype : admin@wise-king.com - GSM: (0546) 681 37 30
  #5  
Okunmamış 09 Ağustos 2018, 19:01
Avatar Seçilmemiş
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 01 Kasım 2015
Yaş / Cinsiyet: 31 / Erkek
Ad, Soyad: Ha... Fe...
Mesajlar: 419
Beğeniler: 177 / 151
Ticaret: 3, 100%
cpolat Hocam uyarınız için teşekkür ederim. Tüm parametreli fonksiyonlarda mı bu şekilde oluyor acaba bu durum ?

Ayrıca hadi bunu bu şekilde hallettik te ben bir fonksiyon tamamlandıktan sonra diğer fonksiyonun çalışmasını nasıl sağlarım bunu tam çözemedim.

Yani

Alıntı:
function fonk1(a){
alert(a);
}
function fonk2(b){
alert(b);
}
Biri tamamlandığında diğeri nasıl çalışır ? Ben örneklerde hep .hide() komutunu gördüm. Ancak normal fonksiyonlarda nasıl olacak anlamadım.
  #6  
Okunmamış 10 Ağustos 2018, 02:35
cpolat Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 19 Nisan 2018
Yaş / Cinsiyet: 28 / Erkek
Ad, Soyad: Mu... Po...
Mesajlar: 116
Beğeniler: 41 / 9
Ticaret: 0, 0%
WmOptimize bu yapı eski versiyonlarda pek stabil çalışmıyordu yeni versiyonlarında ise bu sorunu kökten çözdüler. yeni versiyonlarda bu durum biraz değişti. eskilerde stabil çalışanı vardı aslında da versiyonu unuttum gerçekten. eski versiyonlarda sorunsuz çalışan yokmu var tabi fakat yeni çıkan versiyonlarda çoğru "depracate" önerilmiyor bunlardan biri de işte bu live olayı. kafa karıştırmadan envato veya themeforestdaki denk geldiğim bazı temalarda jquery'nin eski versiyonları var 1.x bile gördüm ve çok da güzel işler çıkarıyorlar onlarda alıştılar mı o versiyonu kullanıyolar yada gerek mi duymadılar birşeyler bildikleri kesin. $ işareti jquery'e eşit aslında ,

//bu şekilde de kullanılabilir fakat tavsiyem aşağıdaki
jQuery.fonk1 = function(a){
alert(a);
}

//tavsiye ettiğim
$.fonk1 = function(a){
alert(a);
}

$.fonk2 = function(b){
alert(b);
}

şeklinde kullanabilirsiniz. versiyon geçişleri arasında bazı sıkıntılar olsa da her zaman Allways Forever jQuery
http://www.wise-king.com (Bilge Kral) - Skype : admin@wise-king.com - GSM: (0546) 681 37 30
  #7  
Okunmamış 10 Ağustos 2018, 10:57
Avatar Seçilmemiş
www.ontedi.com
 
Üyelik Tarihi: 03 Ekim 2013
Cinsiyet: Erkek
Konum: Ankara
Ad, Soyad: Se... To...
Mesajlar: 821
Beğeniler: 227 / 113
Ticaret: 2, 100%
Kod:
$('.sonuc').on('click',function () { 
                    alert("Çaliştı"); 
                });
Şeklinde dener misin?
WmOptimize bunu beğendi.
www.ontedi.com
www.cizgi.site
  #8  
Okunmamış 10 Ağustos 2018, 11:49
Avatar Seçilmemiş
Üyeliği Durdurulmuş
 
Üyelik Tarihi: 01 Kasım 2015
Yaş / Cinsiyet: 31 / Erkek
Ad, Soyad: Ha... Fe...
Mesajlar: 419
Beğeniler: 177 / 151
Ticaret: 3, 100%
ontedi Hocam şu kategoride üst düzey yardımcılardan birisiniz hemen hemen bu kategorideki her konuma yazdınız bunun için ayrıca teşekkür ediyorum. Şuan kodum çalışıyor zaten.

Ancak ben bir fonksiyon tamamlandıktan sonra diğerine geçme olayını anlamamıştım onu sordum.

Şimdide şu takıldı aklıma ben bir önceki konuda, dinamik olarak jquery dosyası import ettim.

Burada şöyle bir sorun oluşabilir mi;

Sitede zaten statik olarak bir jquery kütüphanesi bulunmuş olsa ama eski bir sürüm.
Benim dinamik olarak eklediğim kütüphane çalışacak kodları olumsuz etkiler mi ?

Yani sitede 2 adet jquery versiyon olması çalışacak kodlarda bozukluluk oluşturur mu ?

cpolat Hocam,

Alıntı:
$.fonk1 = function(a){
alert(a);
};

function fonk1(a){
alert(a);
};

var fonk1= function(a) {
alert(a);
};
Siz şuan bu 3 fonksiyonda aynı ama ilk olan fonksiyonu kullanmanız daha iyi diyorsunuz değil mi hocam ?

Ayrıca ontedi hocama sorduğuma dair fikriniz varsa o bilgiyi de rica ediyim
  #9  
Okunmamış 10 Ağustos 2018, 12:54
cpolat Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 19 Nisan 2018
Yaş / Cinsiyet: 28 / Erkek
Ad, Soyad: Mu... Po...
Mesajlar: 116
Beğeniler: 41 / 9
Ticaret: 0, 0%
WmOptimize bendeki tamamen alışkanlık. göz artık bazen $.functionName = function(){} bu yazım stiline alışıyor. hepde böyle görmek istiyor. dediğim gibi $ işareti jquery anlamına geliyor isterseniz jQuery.functionName = function(){} yapsanızda çalışır.
http://www.wise-king.com (Bilge Kral) - Skype : admin@wise-king.com - GSM: (0546) 681 37 30
  #10  
Okunmamış 10 Ağustos 2018, 13:51
Avatar Seçilmemiş
www.ontedi.com
 
Üyelik Tarihi: 03 Ekim 2013
Cinsiyet: Erkek
Konum: Ankara
Ad, Soyad: Se... To...
Mesajlar: 821
Beğeniler: 227 / 113
Ticaret: 2, 100%
Sonradan eklenen .js uzantılı dosya içindeki fonksiyon/metodların vs.. çalışacağını sanmıyorum. Aslında örnekle denenebilir fakat iş yerinde çok vakit bulamıyoruz. Dosya olarak eklenen javascriptlerin DOM'a ekleneceğini düşünmüyorum açıkcası, yanlışımız varsa da affola.
www.ontedi.com
www.cizgi.site
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > jQuery


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 16:02.