Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

Jquery trigger kullanımı

Sezai AlkanFrontend Developer

Jquery trigger() fonksiyonu ile farklı bir nesnenin olayını tetikleyebiliriz. trigger() kullanımına örnek vermek gerekirse button 2 ye tıklanınca button 1 in click olayını tetikleyebiliriz.

<button class="button1">Button 1</button>
<button class="button2">Button 2</button>

<script type="text/javascript">
    $(document).ready(function(){
        $(".button1").click(function(){
            alert("button1 Tıklandı");
        });
    });
</script>

Yukarıdaki örnekte button1 e tıklanınca ekrana "button1 Tıklandı" Diye uyarı verecektir. Şimdi ise bu olayı button 2 ye tıklayarak trigger ile tetikleyelim.

<button class="button1">Button 1</button>
<button class="button2">Button 2</button>

<script type="text/javascript">
    $(document).ready(function(){
        $(".button1").click(function(){
            alert("button1 Tıklandı");
        });
        $(".button2").click(function(){
            $(".button1").trigger("click");
        });
    });
</script>

button 2 ye tıklandığında ise trigger() fonksiyonu ile button 1 in click olayını tetiklemektedir. Bu durumda button 2 ye tıklanınca sanki button 1 tıklanmış gibi hareket edecektir.

Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com