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.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
$(function(){ //div nesnesine tıklandığında çalışacak fonksiyon $('div').click(function() { alert("Div nesnesine tıklandı"); }); //butona tıklandığında çalışacak fonksiyon $('button').click(function() { //div nesnesinin click eventini tetikliyoruz $('div').trigger('click'); alert("Butona tıklandı"); }); }); |
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.
Teşekkürler çok işime yaradı.
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
html kısımlar görünmüyor mesajımda mailiniz var mı yollasam