jquery - Grails:在 Twitter Bootstrap 中包含 JQuery 自动完成功能

Question

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

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

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

我已经在一个新的 Grails 项目中测试了 jquery 自动完成功能，没有使用 bootstrap，它工作得很好。

但是，一旦我将其包含到我的项目中并将 Bootstrap 布局添加到标题中的 View 中，文本字段的样式就会发生变化，并且自动完成功能将不再起作用。

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

任何帮助将不胜感激。

Answer 1

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

如果您发现存在冲突，请尝试更改 Bootstrap 命名空间:

<强> Bootstrap docs

"Sometimes it is necessary to use Bootstrap plugins with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. If this happens, you may call .noConflict on the plugin you wish to revert the value of."

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 就是一个例子。项目。