MeteorJS events don't bubble up

[dennismonsewicz]

I am working on a small MeteorJS app that uses Flat-UI but I can't seem to get my event map to detect a change event happen on a select box.

Template.selector.rendered = function() {
  Deps.autorun(function(){
    $('.selectpicker').selectpicker({
      style: 'btn-info col-md-4',
      menuStyle: 'dropdown-inverse'
    });
  });
};

Template.selector.events({
  'change select': function(event) {
    alert("OUCH!");
  }
});

[pytkin]

How about this:

Template.selector.rendered = function() {
  Deps.autorun(function(){
    $('.selectpicker').selectpicker({
      style: 'btn-info col-md-4',
      menuStyle: 'dropdown-inverse'
    });
  });
};

Template.selector.events({
  'change .selectpicker': function(event) {
    alert("OUCH!");
  }
});

[dennismonsewicz]

That still didn't work :(

[pytkin]

@dennismonsewicz, I think this is decision of your problem: https://github.com/cjjavellana/rdistmgt/wiki/Enabling-Bootstrap-Select-and-Capturing-the-'OnChange'-event-in-meteorjs

[dennismonsewicz]

@pytkin: Thanks so much!! That fixed my problem! :+1: