Drupal 自动完成搜索 UI 错误答案

【问题标题】：Drupal autocomplete search UI bugDrupal 自动完成搜索 UI 错误
【发布时间】：2013-04-22 17:33:57
【问题描述】：

您好，在 Drupal 7 中，我正在使用自动完成搜索。在搜索输入中，即使输入没有聚焦，它也会一直显示部分 ajax 加载器动画。错误标记为红色方块。

任何建议请为什么会有这个错误。（我使用的是 boostrap 主题）

感谢您的帮助。

【问题讨论】：

你确定那是 ajax 加载器图标？所有 drupal 自动完成分类参考字段对我来说都有那个圆圈。你的有一些 css 问题，但我认为它不是一个错误
是的，我确信它是一个 drupal 悸动者，但不知何故显示不佳。我刚刚安装了自动完成模块我没有修改任何来自 boostrap 主题的 css 一切都是这样，所以我真的不知道发生了什么。
但是当我尝试不同的主题时效果很好，所以我想与boostrap会有一些冲突
可是我真的不知道在哪里，请大家给点建议？
好的，我找到了解决方案，我转到模块内的 css 文件并注释了将 throbber 设置为输入背景的行。

标签： search drupal autocomplete drupal-7

【解决方案1】：

这不是 twitter 引导错误。

查看您的 drupal 安装的 misc/throbber.gif 文件。你会看到它实际上是一个精灵，当 ajax 请求正在进行时，它会改变它的位置以显示动画的 throbber。

您需要创建一个新的并相应地调整 CSS 以解决此问题。你的文本字段的长度比这个精灵的长

将以下 CSS 添加到主题的 css 文件中。这些样式已经定义，因此您只需要覆盖它们。请参阅内联 cmets。

html.js input.form-autocomplete {
    background-image: url("/misc/throbber.gif"); // Enter a new thribber image here.
    background-position: 100% 2px;
    background-repeat: no-repeat;
}

html.js input.throbbing {
  background-position: 100% -18px; // Adjust this -18px to the height of your new throbber. 
}

【讨论】：