Jquery etkisi

17.10.2014 22:33

srhtycl IBM Ambassador Kullanıcı

Üyelik 13.04.2013
Yaş/Cinsiyet 27 / E
Meslek Software Engineer
Konum İstanbul Anadolu

Ad Soyad S** Y**
Mesajlar 501
Beğeniler 86 / 124
Ticaret 12, (%100)

Merhabalar;
aşağıdaki kodda hover fonksiyonu mevcut. kutu elementinin üzerine gelince devam classını Chover classı olarak değiştiriyor. Sitede birden fazla kutu var ve hangi kutunun üzerine gelirsem geleyim, sitede tüm kutularda uygulanıyor bu işlem. Ben sadece üzerine geldiğim kutuda uygulansın istiyorum. Ne yapabilirim?

	<script>

 

	$(document).ready(function(){

		$('.kutu').hover(function(){

			if(	$('.devam').hasClass('cHover') ){

				$('.devam').removeClass('cHover');

			}else{

				$('.devam').addClass('cHover');

			}

			

		});

	});

</script>

17.10.2014 22:34

#2

Hucukii </ismailcaakir> Kullanıcı

Üyelik 14.09.2013
Yaş/Cinsiyet 28 / E
Meslek Freelancer
Konum Bursa

Ad Soyad İ** Ç**
Mesajlar 382
Beğeniler 57 / 78
Ticaret 8, (%100)

Sanırım böyle olması gerekiyor bi denersen sevinirim


  <script> 
  
    $(document).ready(function(){ 
        $('.kutu').hover(function(){ 
            if(    $(this).hasClass('cHover') ){ 
                $(this).removeClass('cHover'); 
            }else{ 
                $(this).addClass('cHover'); 
            } 
             
        }); 
    }); 
</script>

Develops everything always..

17.10.2014 22:39

#3

srhtycl IBM Ambassador Kullanıcı

Üyelik 13.04.2013
Yaş/Cinsiyet 27 / E
Meslek Software Engineer
Konum İstanbul Anadolu

Ad Soyad S** Y**
Mesajlar 501
Beğeniler 86 / 124
Ticaret 12, (%100)

Hucukii adlı üyeden alıntı

Sanırım böyle olması gerekiyor bi denersen sevinirim

Hocam kodlama sıkıntı var galiba kutunun tamamını kaydırıyor bu. Ben kutunun üstüne gelince, kutunun içinde bulunan devam classını değiştirsin istiyorum.

17.10.2014 23:54

#4

MertKoseoglu Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 12.07.2013
Yaş/Cinsiyet 28 / E
Meslek x
Konum Ankara

Ad Soyad M** K**
Mesajlar 659
Beğeniler 120 / 168
Ticaret 3, (%100)

Jquery eq ve index kullanimini arastirirsaniz uzerine gelinen nesne uzerinde istediginiz olayi yaptirabilirsiniz.

18.10.2014 00:13

#5

srhtycl IBM Ambassador Kullanıcı

Üyelik 13.04.2013
Yaş/Cinsiyet 27 / E
Meslek Software Engineer
Konum İstanbul Anadolu

Ad Soyad S** Y**
Mesajlar 501
Beğeniler 86 / 124
Ticaret 12, (%100)

MertKoseoglu adlı üyeden alıntı

Jquery eq ve index kullanimini arastirirsaniz uzerine gelinen nesne uzerinde istediginiz olayi yaptirabilirsiniz.

eq işe yaramıyor ki. Yani eq sadece belirli bir nesneyi seçiyor. hangi nesnenin üzerine gelirsen onu değil.

18.10.2014 00:51

#6

tiwaly NodeJS / PHP / NoSQL Kullanıcı

Üyelik 10.10.2013
Yaş/Cinsiyet 34 / E
Meslek Yazılımcı
Konum İzmir

Ad Soyad i** A**
Mesajlar 363
Beğeniler 135 / 104
Ticaret 7, (%100)

<script> 
  
    $(document).ready(function(){ 
        $('.kutu').hover(function(){ 
            if($(this).find('.devam').hasClass('cHover') ){ 
                $(this).find('.devam').removeClass('cHover'); 
            }else{ 
                $(this).find('.devam').addClass('cHover'); 
            } 
             
        }); 
    }); 
</script>

veya

<script> 
  
    $(document).ready(function(){ 
        $('.kutu').hover(function(){ 
            if($('.devam', this).hasClass('cHover') ){ 
                $('.devam', this).removeClass('cHover'); 
            }else{ 
                $('.devam', this).addClass('cHover'); 
            } 
             
        }); 
    }); 
</script>

1 kişi bu mesajı beğendi.

18.10.2014 00:54

#7

srhtycl IBM Ambassador Kullanıcı

Üyelik 13.04.2013
Yaş/Cinsiyet 27 / E
Meslek Software Engineer
Konum İstanbul Anadolu

Ad Soyad S** Y**
Mesajlar 501
Beğeniler 86 / 124
Ticaret 12, (%100)

tiwaly adlı üyeden alıntı

<script> 

  

    $(document).ready(function(){ 

        $('.kutu').hover(function(){ 

            if($(this).find('.devam').hasClass('cHover') ){ 

                $(this).find('.devam').removeClass('cHover'); 

            }else{ 

                $(this).find('.devam').addClass('cHover'); 

            } 

             

        }); 

    }); 

</script>

veya

<script> 

  

    $(document).ready(function(){ 

        $('.kutu').hover(function(){ 

            if($('.devam', this).hasClass('cHover') ){ 

                $('.devam', this).removeClass('cHover'); 

            }else{ 

                $('.devam', this).addClass('cHover'); 

            } 

             

        }); 

    }); 

</script>

Çok teşekkür ederim, sabahtan beri bununla uğraşıyorum. Çok sağolun.

1 kişi bu mesajı beğendi.

18.10.2014 00:56

#8

tiwaly NodeJS / PHP / NoSQL Kullanıcı

Üyelik 10.10.2013
Yaş/Cinsiyet 34 / E
Meslek Yazılımcı
Konum İzmir

Ad Soyad i** A**
Mesajlar 363
Beğeniler 135 / 104
Ticaret 7, (%100)

srhtycl adlı üyeden alıntı

Çok teşekkür ederim, sabahtan beri bununla uğraşıyorum. Çok sağolun.

Rica ederim, eğer yabancı dökümantasyon bulmak isterseniz googleda "jquery this and child selector" şeklinde aratarak daha detaylı bilgilere ulaşabilirsiniz.

1 kişi bu mesajı beğendi.

Jquery etkisi

Üye Girişi Yap