jQuery .trigger() fonksiyonu

jQuery .trigger() fonksiyonu

Trigger’ın türkçe karşılığı tetikleyici anlamına gelmekte.Programlama dillerinde bir fonksiyon tanımlayıp onun içinde başka bir fonksiyonu çağırabiliriz.Bu fonksiyonu mainde çağırdığımızda içinde olan fonksiyonuda çağırmış bir nevi tetiklemiş oluyoruz.Tetikleme olayı genellikle events(olaylar) için kullanmakta.Örneğin bir butona tıkladınız aynı anda başka bir nesnenin tıklama eventi içindeki kodlarınında çalışmasını istiyorsunuz ve bunu jQuery’de yapmak istiyorsanız .trigger() fonksiyonu imdadınıza yetişiyor.Örneğin elimizde bir div ve bir butonumuz olsun.Biz butona tıkladığımızda yada başka bir eventini gerçekleştirdiğimizde div nesnesininde istediğimiz bir eventini tetiklemek istiyorsak aşağıdaki kodlarla bunu gerçekleştirebiliriz.

Div nesnesine tıkladığımızda ekrana “Div nesnesine tıklandı” uyarı mesajı çıkarken,
Butona tıkladığımızda ekrana önce “Div nesnesine tıklandı” hemen ardından “Butona tıklandı” yazacak.İşte bu kadar kolay.Umarım faydalı olmuştur.Başka bir yazıda görüşmek üzere.Bol kodlu günler.

Kodların demo halini görmek için tıklayınız.


3 thoughts on “jQuery .trigger() fonksiyonu”

  • 1
    Gökhan Uygar on 3 Nisan 2015 Cevapla

    Teşekkürler çok işime yaradı.

  • 2
    Keziban Örnek on 3 Mart 2016 Cevapla

    merhaba benim bir sorum olacak bir websitesi yapıyorum ve burada tıklandığında açılan bir iletişim formum var. aynı sayfada başka bir linke tıkladığımda bu iletişim formunun otomatik açılmasını istiyorum fakat yapamadım rica etsem yardımcı olur musunuz. kodlarım aşağıdaki gibidir.

    formun scripti ise bu

    /* Header Top Hide Toggle */
    (function ($) {
    $(‘.header_top_but’).bind(‘click’, function () {
    var headerTopBut = $(this),
    headerTopButArrow = headerTopBut.find(‘> span’),
    headerTopOuter = headerTopBut.parents(‘.header_top’).find(‘.header_top_outer’);

    if (headerTopBut.hasClass(‘opened’)) {
    headerTopOuter.slideUp();

    headerTopButArrow.removeClass(‘cmsms_top_arrow’).addClass(‘cmsms_bot_arrow’);

    headerTopBut.removeClass(‘opened’).addClass(‘closed’);
    } else if (headerTopBut.hasClass(‘closed’)) {
    headerTopOuter.slideDown();

    headerTopButArrow.removeClass(‘cmsms_bot_arrow’).addClass(‘cmsms_top_arrow’);

    headerTopBut.removeClass(‘closed’).addClass(‘opened’);
    }
    } );
    } )(jQuery);

    benim tıklandığında tetiklemesini istediğim kısım ise şurası


    ŞİMDİ KAYIT OL!

    yardımcı olabilirseniz sevinirim

  • 3
    Keziban Örnek on 3 Mart 2016 Cevapla

    html kısımlar görünmüyor mesajımda mailiniz var mı yollasam

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir