Question

无法专注于使用选择插件动态添加项目的输入。这是代码 jsfiddle

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基于您提供的那个。{/ p>

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
    }    
  });
});

值得一提的是，上述界面仅适用于启动Selectize 0.12.0

Selectize.js：专注于mousedown点击

1 个答案: