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选择器错了。根据{{3}}的来源，试试这个：

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

你的选择器正在寻找一个＆＃34; ul＆＃34;在具有类＆＃34;。dropdown-menu＆＃34;。

的元素下

Flat-UI，Bootstrap-Select和MeteorJS EventHandlers

1 个答案: