selectize.js-如何禁用选定项目后的闪烁光标?

迈克马卡纳

我正在使用selectize.js设置文本框的样式,并且工作正常。

$("select[name='somename']").selectize({
  valueField: 'id',
  labelField: 'name',
  searchField: 'name',
  options: selectableThings,
  render: {
    option: function(item, escape) {
      return render(someTemplate, item);
    },
    item: function(item, escape) {
      return render(someTemplate, item);
    }
  }
});

但是,我的项目范围有限,并且不希望一直启用光标(闪烁|)。我已经搜索了API文档和源代码,但找不到任何明显的内容。

是否有内置的功能可以禁用闪烁的光标?

Edit最初将其称为“禁用输入”,但看起来不能将光标用作输入(并且禁用输入仍会显示光标)。

Brianreavis

Selectize并非专门设计为仅用作选择装饰器。光标来自<input>允许用户查看选项元素。用户输入时,隐藏输入将产生奇怪的行为。同样,当控件为空时,输入将用于显示占位符文本。

从技术上讲,您可以使用CSS隐藏光标(和输入):

/* option a: make transparent */
.selectize-input input {
    color: transparent !important;
}

/* option b: position off-screen */
.selectize-input input {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
}

但是,这又再次变得时髦。我将研究编写一个decorator_only禁用键盘处理插件,但这并不是当务之急。

http://jsfiddle.net/mARDE/1/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

selectize.js-在load()期间如何引用select元素的某些属性?

来自分类Dev

如何获取当前选定的Selectize.js输入项的值

来自分类Dev

如何滑动Selectize.js下拉菜单?

来自分类Dev

如何更改selectize.js下拉列表的占位符?

来自分类Dev

如何为selectize.js输入设置值?

来自分类Dev

在Bootstrap 3中进行选择后,如何模糊Selectize.js输入?

来自分类Dev

如何使用selectize.js jquery插件设置select的自定义高度和宽度?

来自分类Dev

Selectize.js和jQuery验证

来自分类Dev

如何在selectize.js中设置默认值?

来自分类Dev

如何清除Selectize.js下拉列表中的选定值?

来自分类Dev

如何使用Angular以编程方式设置selectize.js值?

来自分类Dev

Selectize.js事件-无法正常工作

来自分类Dev

如何将Selectize.js安装到我的Rails应用程序中?

来自分类Dev

selectize.js:清除onChange事件中的选定值

来自分类Dev

Selectize.js:从数据库中预填充项目select multiselect

来自分类Dev

如何使用selectize.js将数组值设置为文本字段

来自分类Dev

selectize.js重新加载下拉列表

来自分类Dev

销毁Selectize.js实例

来自分类Dev

Selectize.js:如何对整数值的选项进行排序?

来自分类Dev

在Selectize.js项目中渲染角度指令

来自分类Dev

Selectize.js getAdjacentOption()如何工作?

来自分类Dev

如何纠正Rails中的添加或选择标签(Selectize.js)

来自分类Dev

如何滑动Selectize.js下拉菜单?

来自分类Dev

selectize.js-如何禁用选定项目后的闪烁光标?

来自分类Dev

selectize.js-在load()期间如何引用select元素的某些属性?

来自分类Dev

如何将Selectize.js安装到我的Rails应用程序中?

来自分类Dev

在selectize.js中停止传播

来自分类Dev

如何使用selectize.js获取选定的ID和文本值。流星?

来自分类Dev

selectize.js 占位符宽度问题

Related 相关文章

  1. 1

    selectize.js-在load()期间如何引用select元素的某些属性?

  2. 2

    如何获取当前选定的Selectize.js输入项的值

  3. 3

    如何滑动Selectize.js下拉菜单?

  4. 4

    如何更改selectize.js下拉列表的占位符?

  5. 5

    如何为selectize.js输入设置值?

  6. 6

    在Bootstrap 3中进行选择后,如何模糊Selectize.js输入?

  7. 7

    如何使用selectize.js jquery插件设置select的自定义高度和宽度?

  8. 8

    Selectize.js和jQuery验证

  9. 9

    如何在selectize.js中设置默认值?

  10. 10

    如何清除Selectize.js下拉列表中的选定值?

  11. 11

    如何使用Angular以编程方式设置selectize.js值?

  12. 12

    Selectize.js事件-无法正常工作

  13. 13

    如何将Selectize.js安装到我的Rails应用程序中?

  14. 14

    selectize.js:清除onChange事件中的选定值

  15. 15

    Selectize.js:从数据库中预填充项目select multiselect

  16. 16

    如何使用selectize.js将数组值设置为文本字段

  17. 17

    selectize.js重新加载下拉列表

  18. 18

    销毁Selectize.js实例

  19. 19

    Selectize.js:如何对整数值的选项进行排序?

  20. 20

    在Selectize.js项目中渲染角度指令

  21. 21

    Selectize.js getAdjacentOption()如何工作?

  22. 22

    如何纠正Rails中的添加或选择标签(Selectize.js)

  23. 23

    如何滑动Selectize.js下拉菜单?

  24. 24

    selectize.js-如何禁用选定项目后的闪烁光标?

  25. 25

    selectize.js-在load()期间如何引用select元素的某些属性?

  26. 26

    如何将Selectize.js安装到我的Rails应用程序中?

  27. 27

    在selectize.js中停止传播

  28. 28

    如何使用selectize.js获取选定的ID和文本值。流星?

  29. 29

    selectize.js 占位符宽度问题

热门标签

归档