javascript - jQuery UI 自动完成多个值 - 如何在空格而不是逗号后显示建议列表?

标签 javascript jquery jquery-ui jquery-plugins

我正在尝试使用 jQuery UI 的 AutoComplete 插件,specifically the multiple values functionality (使用本地数组)。目标是“智能感知”类型的效果。

建议框**出现在您用逗号分隔整个内容之后。

例如:

test1, <suggestion list appears>

就我而言,我希望建议列表显示在空格之后,而不是逗号,即:

test1<space> <suggestion list appears>

可以直接在上面链接的演示页面上看到此功能(或缺少此功能),只需输入“Clojure”,该框将使用逗号自动完成,然后输入另一个单词,例如 Java,然后将重新打开建议列表。如果您执行相同的操作,请输入 Clojure,删除逗号,然后按空格键,建议将不再出现。

我试图深入研究 AutoComplete 代码,但没有看到是什么导致了这种情况发生 - 我不反对修改实际的 jQuery UI 源本身来实现这种情况,或者使用完全不同的插件系统来更好地支持这种情况。

感谢任何帮助 - 如果您需要更多详细信息,请告诉我!

最佳答案

您可以通过修改 select 事件回调来更改插入的行为。如果您在演示页面上单击“查看源代码”,您将看到 this.value = terms.join( ", "); 只需将其更改为 this.value = terms.加入(“”);

编辑: 您可能还想编辑演示源代码中的 split() 函数:

function split( val ) {
  return val.split( /,\s*/ );
}

(删除逗号)

关于javascript - jQuery UI 自动完成多个值 - 如何在空格而不是逗号后显示建议列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9305497/

相关文章:

javascript - 在投票按钮上显示错误,如堆栈溢出

javascript - php 文件上的安全 angularjs 代码 ajax 请求

javascript - 使用 Jquery 自动完成处理 "No results"

javascript - jQuery - 为什么当我单击一个图标时会附加 2 个元素

javascript - 如何在 jQuery 对象中保留对另一个 jQuery 对象的引用?

javascript - 检查字符串是否以范围内的数字开头

javascript - 正确构建我的 jquery/javascript

javascript - jQuery 不支持选择顶级节点文本?

html - 在相对定位的容器之间移动可拖动元素

javascript - 多选html不起作用