javascript - Selectize.js:关注 mousedown 单击

Question

无法使用 selectize 插件关注输入动态添加的项目。这是代码 jsfiddle

selectize.js plugin

jQuery(document).ready(function(){
  jQuery('.selectize').selectize({
    render: {
        option: function(item){
            if (item.text === 'add-new-sidebar'){
                return '<div class="fw-backend-add-new-sidebar">' +
                    '<span class="input_legend">New Sidebar</span>' +
                    '<input type="text" id="add_new_sidebar_name">'+
                    '<input type="button" class="button" value="Add" id="add_new_sidebar_submit">'+
                    '</div>'
            }
            return '<div class="selectize-item">' + item.text + '</div>';

        }
    },
    onChange: function(item){

    }
  });
});

Answer 1

不确定您所说的无法专注于输入是什么意思。有callbacks可以处理的。

要在输入获得或失去焦点时采取任何行动，您需要在选项中传递 onFocus 和 onBlur 回调。 Fiddle根据您提供的那个。

jQuery(document).ready(function(){
  jQuery('.selectize').selectize({
    // ... taking out original code for brevity
    onFocus: function () {
        // control has gained focus
    },
    onBlur: function () {
        // control has lost focus
    }    
  });
});

值得一提的是，上面的接口(interface)只能从 Selectize 0.12.0 开始工作