Jquery Variable Sorusu
- Konuyu başlatan selo400
- Başlangıç tarihi
Çalışmayan şey nedir kardeşim. Hiç append mi etmiyor yoksa animalTurkJs değişkeni mi boş değer döndürüyorum. Ayrıca
var animalTurkJs =$("#animalTurk").val() demişsin. animalTurk id li element nedir. Eğer bir div falansa bu durumda val değil de text() demen lazım. val() input tarzı elementler için kullanılır. Onun haricinde bir hata gözükmüyor kodda.
Ha bi de aklıma şu geldi. Eğer ki submit idsinin click eventı çalışmıyorsa bunun nedeni de şu olabilir. Eğer ki sen bu submit id li elementi dinamik olarak oluşturmuşsan bu durum direk Click(function()) şeklinde çalışmaz. Onun yerine
$("#submit").on("click",function(){}) şeklinde kullanmalısın.
Özetle : Sorunu biraz daha detayla açıklarsan daha net cevap verilebilir.
var animalTurkJs =$("#animalTurk").val() demişsin. animalTurk id li element nedir. Eğer bir div falansa bu durumda val değil de text() demen lazım. val() input tarzı elementler için kullanılır. Onun haricinde bir hata gözükmüyor kodda.
Ha bi de aklıma şu geldi. Eğer ki submit idsinin click eventı çalışmıyorsa bunun nedeni de şu olabilir. Eğer ki sen bu submit id li elementi dinamik olarak oluşturmuşsan bu durum direk Click(function()) şeklinde çalışmaz. Onun yerine
$("#submit").on("click",function(){}) şeklinde kullanmalısın.
Özetle : Sorunu biraz daha detayla açıklarsan daha net cevap verilebilir.
- Konuyu başlatan
- #3
O variable de yapmak istediğim şey bir inputtan değer çekmek, 2. yerdeki amacımda <select> e append etmek o value yi. Bu arada ilgin için teşekkürler istersen html sayfasınında fotoğrafını atabilirim.
Edit: Neden şimdidden atmıyorum?
Edit: Neden şimdidden atmıyorum?
Son düzenleme:
Hocam bak şunu dene. Normalde şu an kodlarda hata yok. Hata sebebi galiba js dosyasını head tagında tanımlamadan kaynaklanıyor. Şimdi diyeceksin ki zaten öyle olması gerekmiyor mu. Cevap Hayır. JQuery kodlarken ana js kodlarını her zaman body kapatma tagından hemen önce kullanmalısın. Sadece jquery.js dosyasını head içinde kullanmalısın. Yani
<script src="javascript.js"></script> tagını en altta çağır. </body> tagının hemen üstünde. Gerçi </body> den sonra da olur </html> tagından hemen önce de yazsan olur ama dediğim gibi head tagı içinde çoğu jquery kodu çalışmaz. Özellikle de eventlar.
<script src="javascript.js"></script> tagını en altta çağır. </body> tagının hemen üstünde. Gerçi </body> den sonra da olur </html> tagından hemen önce de yazsan olur ama dediğim gibi head tagı içinde çoğu jquery kodu çalışmaz. Özellikle de eventlar.
Nasıl yok yahu hata?
Üstad senin sayfa ilk yüklendi, animalturkjsfefvdssa'nin değeri ""... O anda aldın. Sonra click esnasında gönderdin.. Neye yaradı? Hiç bir şeye...
Sana düğmeye basıldığı andaki değeri lazım. sayfa yüklendiği andaki değil...
Edit: Javascript sayfada canının istediği yerde tanımlanır. html5'ten beri google bile SEO puanı düşürmez.
$(...).click(function(){...}); doğru kullanımdır. Click için event append edersin.
Onları düzeltmene gerek yok üstadım.
Üstad senin sayfa ilk yüklendi, animalturkjsfefvdssa'nin değeri ""... O anda aldın. Sonra click esnasında gönderdin.. Neye yaradı? Hiç bir şeye...
Kod:
$('#submit').click(function() {$('#animallist').append('<option value="'+$('#animalturkjsfalan').val()+'">Faresolfamiredodoremi</option>'});Sana düğmeye basıldığı andaki değeri lazım. sayfa yüklendiği andaki değil...
Edit: Javascript sayfada canının istediği yerde tanımlanır. html5'ten beri google bile SEO puanı düşürmez.
$(...).click(function(){...}); doğru kullanımdır. Click için event append edersin.
Onları düzeltmene gerek yok üstadım.
Aynen hocam aslında oldukça acemice bir hata o yüzden hiç düşünmedim onu
Daha önce karşılaştığım tipik hatalardandır diye aslında kodlara da tam bakmadım ve saatlerdir hala uyumadığım için epey dalgınım. Ayrıca Click konusunda dediğim şey dinamik oluşturulan elementler içindi. Zaten jqueryde dinamik bir elementte Click, Change gibi metodlar çalışmaz. Onun yerine on("click",) şeklinde kullanmak gerekiyor. Arkadaş bir üst satırda on() şeklinde kullanmış ona da dikkat etmedim Zaten bir altta optionları dinamik eklediği için on kullanmasa üstteki kod çalışmayacaktı başta kastettiğim şey oydu. Son olarak da script tagını istediğin yerde kullanabilirsin demişsiniz, aksini demedim ben de Sadece JQueryde defalarca bu sorunla karşılaştım ben. Head tagına yazdığım jquery taglarının bugüne kadar çalıştığını ben görmedim O yüzden bende artık alışkanlık olmuş. Artık direk jquery dosyasını bile body tagının içinde çağırıyorum hep.Aynen hocam aslında oldukça acemice bir hata o yüzden hiç düşünmedim onu
on("click",function(){}) == click(function(){}
Herşey için, her zaman... Jquery'nin kendi içindeki bir kısaltma bu. Dinamik veya statik her element için çalışır.
Aynı şekilde, head tag'ına koyduğun jquery'nin çalışmamasının tek sebebi, ********.ready() içine koymaman olabilir, daha yüklenmemiş elementler üstünde işlem yapmaya çalışıyordur. 2000 yılında bile nereye koyarsan koy, javascript çalışırdı. 2000 senesinde hamush.geocities.com'un içinde <html>'den hemen önce geocities reklamını kapatan javascript vardı
(sahi hala açık mı ki o site ya?)Ama eskiden SEO kurallarında "bütün scriptler header içinde olmalıdır" kuralı vardı.. Şimdi artık kaldırıldı o saçma kural.
Son düzenleme:
on("click",function(){}) == click(function(){}
Herşey için, her zaman... Jquery'nin kendi içindeki bir kısaltma bu. Dinamik veya statik her element için çalışır.
Aynı şekilde, head tag'ına koyduğun jquery'nin çalışmamasının tek sebebi, ********.ready() içine koymaman olabilir, daha yüklenmemiş elementler üstünde işlem yapmaya çalışıyordur. 2000 yılında bile nereye koyarsan koy, javascript çalışırdı. 2000 senesinde hamush.geocities.com'un içinde <html>'den hemen önce geocities reklamını kapatan javascript vardı
Ama eskiden SEO kurallarında "bütün scriptler header içinde olmalıdır" kuralı vardı.. Şimdi artık kaldırıldı o saçma kural.
Anladım hocam dediğiniz gibi kodlarımı nedense hiçbir zaman dcnt.ready içine yazmıyorum. Click olayda ise hala size katılmıyorum
Dediğiniz gibi ikisi aynı şey ama nedense dinamik oluşturulan bir elementte Click() şeklinde çalışmıyor ya da onun da sebebi kodlarımı dcmnt.ready içine yazmamam olabilir. Ben artık uyusam iyi olacak. Uyandığımda ilk işim dediğinizi denemek olacak.Düzeltme : Dayanamayıp googleda da bir aratayım dedim jquery - Difference between .on('click') vs .click() - Stack Overflow
Millet de aynı şeyi demiş hocam. On() dinamik oluşturulan elementler için kullanılıyor demişler onlar da galiba. Yani ingilizcemin yettiği kadarıyla bunu anlayabildim.
Son düzenleme:
Anladım hocam dediğiniz gibi kodlarımı nedense hiçbir zaman dcnt.ready içine yazmıyorum. Click olayda ise hala size katılmıyorum
Düzeltme : Dayanamayıp googleda da bir aratayım dedim jquery - Difference between .on('click') vs .click() - Stack Overflow
Millet de aynı şeyi demiş hocam. On() dinamik oluşturulan elementler için kullanılıyor demişler onlar da galiba. Yani ingilizcemin yettiği kadarıyla bunu anlayabildim.
Üstad şu siteye gir: Tryit Editor v3.1
Aşağıdaki kodu javascript kodunun yerine kopyala;
Kod:
$(********).ready(function(){
$('body').append('<p id="osman">Şimdi test edelim</p>');
$('#osman').click(function() {
$(this).text('Ben demiştim...');
});
});Run tuşuna bas, sağda oluşacak. Dinamik olarak oluşturduğum p'ye tıkla. Text'i değişecek.
Javascript için, bir dom objesinin sonradan oluşturulması, dinamik olması diye bir ayrım yoktur. Event vermişsen, vermişsindir.
