jquery - jQuery自动完成没有自动换行

Question

我正在使用 jQuery UI 的自动完成功能，但遇到了无法解决的问题。

问题是当建议太长时，它们会自动换行以占用多行。我想让建议窗口扩展到最大大小并且不显示溢出。问题是我希望这些建议只显示在一行中。我不想为建议框设置固定宽度。如果建议的长度较短，那么我的最大宽度我希望 jQuery UI 设置适当的宽度。

Answer 1

我建议尝试截断结果并将完整的结果文本放在悬停标题文本中。

您可以使用 css 截断结果文本：

.ui-menu-item a
    {
        max-width:100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }  

我已添加到 rusln 的小提琴中以演示...