Jquery trigger kullanımı

Sezai AlkanFrontend Developer

Jquery #jquery #trigger

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.