在 jQuery UI 组合框中禁用分隔线

Question

我有一个自定义的自动完成组合框，描述如下：https : //jqueryui.com/autocomplete/#combobox

jquery ui 具有此功能，它会自动将带有“-”标签的选项更改为分隔符。如果你想要它，那很好，但如果你不想要它，那就麻烦了。

在这个例子中我如何摆脱这种行为？

文档和一些谷歌搜索为我提供了使用构造函数方法的解决方案：

_isDivider: function( item ) {

  return false;

}

https://api.jqueryui.com/menu/#method-_isDivider

但我试图在自动完成初始化部分的末尾添加它，如下所示：

.autocomplete({ ...some parameter }).menu('instance')._isDivider = function () {

    return false;

};

但没有成功。我不知道在哪里以及如何添加这个方法来摆脱分隔符。

有人知道吗？

这是我复制的 jquery ui 自动完成组合框示例：https : //codepen.io/Killerbear_02/pen/MWgPoGW

Answer 1

你快到了。您需要访问 ui.menuprototype以禁用_isDivider方法。只需将其粘贴$( "#combobox" ).combobox();到您的代码中：$.ui.menu.prototype._isDivider = function() { return false; }