javascript - onSet 函数不会在 div 上触发

Question

我正在研究如何通过自定义事件触发 Stickit onSet 事件。

在下面的代码中，colorChange 事件正确发生，并且所有绑定(bind)(stickit)事件也正常工作，但 onSet 事件除外。

谁能指出错误的地方吗？

bindings: {
  '#color1': {
    observe: 'color1',
    update : function($el,val){
      $el.css("background-color",val);
    },
    onSet : function(){
    //never get fired
    },
    events : ["colorChange"]
  }
}

events : {
  "colorChange" : function(){
    //the event is occurring
  }
}

//somewhere

$("#color1").trigger("colorChange");

<!-- in the html -->
<div id="color1"></div>

Answer 1

Stickit 在表单元素上使用 2 种方式绑定(bind)，分别是 input、textarea、input[type=checkbox]、input[type=radio]、select；对于其他一切，StickIt 均采用单向绑定(bind)。

您应该在表单元素上指定color1 id。