Flat-UI、Bootstrap-Select 和 MeteorJS 事件处理程序

Question

我正在使用 Flat-UI (http://designmodo.github.io/Flat-UI/) 来帮助我正在构建的一个小型 MeteorJS 应用程序的前端元素。

我遇到的问题是单击选择框时无法捕获事件。

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

Template.selector.events({
  'click .dropdown-menu ul li': function(evt){
    var value = $(evt.target).val();
    var oldVal = Session.get('currentIndustry');

    console.log(evt);

    console.log(value);

    if(value != oldVal) {
      alert("CALLING ALL DA THANGS!");
    }

    Session.set("currentIndustry", value);
  }
})

在我的事件对象中，什么也没有发生。

Answer 1

看起来你的 CSS 选择器是错误的。根据Flat-UI 的来源，试试这个：

Template.selector.events({
  'click ul.dropdown-menu li': function(evt){
    //...
  }
})

您的选择器正在“.dropdown-menu”类的元素下寻找“ul”。