Id benzersiz değişken demektir, identification dan gelir, yani TC'de herkesin nasıl bir adet id numarası yani TC kimlik nosu varsa her div'in, a'nın li'nin veya başka bir elementin id'si farklı olmalıdır.
bir sayfa içerisinde aynı id'den iki tane varsa ilki çalışır sadece.
yani senin yaptığın gibi $('#gonder').click()
yaparsan "gonder" id li butonlarınkini gönder dediğini düşünüyorsun ama o sadece ilk olanı "gonder" id'li varsayıyor.
Burada çözüm class kullanmak yani sınıf.
Butona sınıf olarak class="gonder" demelisin.
Jquery'de ise
$('.gonder').click(..) diye devam etmelisin.
yıllar önce bu sorunla kafayı yemiştim. iyi bilirim çilesini.
Kolay gelsin.
HTML5 data-* attribute leri bunun için üretilmiştir. Selector işlemlerinde bunları kullanmak en mantıklısı olur. Class kullanmanın tek dezavantajı stillerde kullanılıyor olmalarıdır. Id ler ise her sayfada 1 kez kullanılabilir.
Örn:
<a href="#" data-button="begen">Beğen</a>
<script>
$('[data-button="begen"]').click(e){
e.preventDefault(); // tıklama işlevini iptal et
// diğer işlemler
}
</script>