Grails：在 Twitter Bootstrap 中包含 JQuery 自动完成功能答案

【问题标题】：Grails: Including JQuery Autocomplete in Twitter BootstrapGrails：在 Twitter Bootstrap 中包含 JQuery 自动完成功能
【发布时间】：2013-01-05 10:55:02
【问题描述】：

我正在使用 Twitter Bootstrap 2.2.2 开发一个网络应用程序。

我正在尝试为多个值包含 JQuery 自动完成功能：http://jqueryui.com/autocomplete/#multiple

这是为了允许用户从两个域类之间的 hasMany 关系中进行多项选择。

我已经在一个没有引导程序的新 grails 项目中测试了 jquery 自动完成功能，它运行良好。

但是，一旦我将它包含到我的项目中并将引导布局添加到标题中的视图中，文本字段的样式就会改变，并且自动完成功能不再起作用。

因此我认为它与文本字段的引导样式有关，但我不知道如何解决这个问题。

任何帮助将不胜感激。

【问题讨论】：

我会使用 gist.github.com/1866577 而不是 jqueryui 的小部件。有冲突的 UI 库肯定会给您带来更多痛苦。
谢谢，这是一个非常有用的链接！

标签： jquery grails twitter-bootstrap autocomplete

【解决方案1】：

听起来你有冲突。我建议查看浏览器控制台以查看任何错误输出。

如果发现有冲突，请尝试更改 Bootstrap 命名空间：

Bootstrap docs

"有时需要将 Bootstrap 插件与其他 UI 一起使用构架。在这些情况下，命名空间冲突可能偶尔发生。如果发生这种情况，您可以在您希望还原其值的插件。”

var bootstrapButton = $.fn.button.noConflict() // return $.fn.button to previously assigned value
$.fn.bootstrapBtn = bootstrapButton            // give $().bootstrapBtn the bootstrap functionality

或者，您也可以change the JQuery UI namespace。不过，这两个 UI 框架应该可以很好地协同工作。 JQuery UI Bootstrap 项目就是一个例子。

【讨论】：