2014-09-18 17 views
5

Bazı özel çekler yapmak için meteor js bootstrap modal açma/kapama olayını yakalamaya çalışıyorum. Jquery bunu nasıl biliyorum:meteor js açık/kapalı olayı yakalama nasıl kapatılacağı js

$('#videoCallModal').on('shown.bs.modal', function() { 
    // do something… 
}) 

ama ben de içerik (bu nesne) başvurmak istiyorum çünkü ben Template.template.events bunu yapmak istiyorum.

Ben böyle bir şey çalıştı, ancak işlev çağrılan değildi:
Template.videoCall.events = { 
    'on #videoCallModal shown.bs.modal': function(e){ 
     e.preventDefault(); 

     console.log("modal open", this); 
    } 
} 

meteor js

cevap

12

doğru sözdizimi şöyledir:

Template.videoCall.events({ 
    'shown.bs.modal #videoCallModal': function(e){ 
    /* ... */ 
    } 
}); 

bu meteorpad bakınız.

4

Basit sağlamak peppelg:bootstrap-3-modal oluşturulan içinde modal açık kapanış/yakalamak için başka bir yolu var mı Meteor'da modals işlemek için yol. Bununla birlikte, açık ve yakın etkinlikler yerine created ve destroyed geri aramalarını (Meteor'da kullandığınız gibi) kullanabilirsiniz.

+0

Bu, 0.9.0'ın altındaki sürümlerde işe yaramayacak mı? Henüz kodumu 0.9.0'a taşımamıştım. –

+0

@AashuAgarwal, Üzgünüm, sürüm 0.9.1.1 veya daha yeni bir sürüm kullanmıyorsanız, paketi yükleyemezsiniz. Ancak, [bu HTML dosyasını] (https://github.com/PeppeL-G/bootstrap-3-modal/blob/master/main.html) ve [bu JavaScript dosyası] (https://support.microsoft.com/download/default.aspx?hl=tr) kopyalayan karmaşık bir paket değildir. : //github.com/PeppeL-G/bootstrap-3-modal/blob/master/main.js) meteor projenize, kullandığınız Meteor sürümüne bağlı olarak işe yarayabilir. Sorun yaşayabileceğiniz tek şey "UI. Dynamic", "Blaze.renderWithData" ve "Blaze.remove" (Meteor sürümünüze bağlı olarak). Meteor boostrap modals peppelg için çok farklı paketler denedikten sonra –

+0

: bootstrap-3-modal kullanımı en basit olmak bitti. harika iş – MurWade