javascript - Selectize.js 事件 - 不会工作

Question

我需要一些关于 selectize.js 事件的帮助——它们不起作用...

初始化 selectize.js:

$("input[name='addTask[users]']").selectize({

    valueField: 'email',
    labelField: 'name',

    //... more options like render... 

});

并设置事件:

$("input[name='addTask[users]']").selectize().on('type', function(){
    alert();
});

如果我输入任何内容都不会发生...

编辑:控制台中没有错误，选择器很好，因为插件工作完美。

只有一个事件对我有用——“改变”。

这里是 si 文档:https://github.com/brianreavis/selectize.js/blob/master/docs/events.md(我也不明白“params”——关于需求是什么以及它们做什么)

任何提示，想法？例如它让我高兴...

---

编辑:好的，我明白了!!!所以 - 解决方案:

---

在初始化selectize.js中:

$("input[name='addTask[users]']").selectize({

    valueField: 'email',
    labelField: 'name',

    onType : eventHandler('onType'), // <----- this added

    //... more options like render... 

});

和初始化之前:

var eventHandler = function(name) {
    return function() {
        alert(name + ' ' + arguments['0']);  // name of event + typed string
    };
};

如果您开始输入输入，则提醒工作:)

Answer 1

您的问题在这一行:

$("input[name='addTask[users]']").selectize().on('type', function(){
    alert();
});

你应该做的:

$("input[name='addTask[users]']")[0].selectize.on('type', function(){
    alert();
});

来自Docs : 初始化控件时，在原来的/元素上添加了“selectize”属性——这个属性指向底层的 Selectize 实例。

// initialize the selectize control
var $select = $('select').selectize(options);

// fetch the instance
var selectize = $select[0].selectize;

和Event Docs :Selectize 实例有一个模仿 jQuery、Backbone.js 等的基本事件发射器接口(interface):

var handler = function() { /* ... */ };
selectize.on('event_name', handler);
selectize.off('event_name');
selectize.off('event_name', handler);