1

我的应用程序基于rails3-autocomplete-jquery 一切都很好，只是它扭曲了相关字段。见下图。

在此处输入图像描述

如您所见，表单字段被自动完成 gem 自动生成的解释扭曲了。我想知道我是否可以自定义或删除整个解释。另外，我如何定位解释和出现的选择？

提前谢谢你的帮助。我很感激。

4

3 回答 3

3

您只需将以下 css 添加到您的代码中：

.ui-helper-hidden-accessible{ display:none}
于 2013-01-01T05:42:17.123 回答
0

你在使用 jQuery UI 吗？据我所知，它提供了一些基本样式，因此它出现在您的其他内容之上。您可以通过编写自己的 CSS 来覆盖默认值来自己设置样式。不过，我不确定是否要更改消息的内容。您可以更改源代码，或者 API http://api.jqueryui.com/autocomplete/中可能存在某些内容

于 2013-01-03T18:06:57.550 回答
0

没有代码，除了通用的 Web 开发建议之外，很难给你任何东西。这个问题目前的形式并不能真正回答，但这里有一些关于这个问题的评论：

  • 尝试 grepping 您的代码库和关联的 js 文件以获取“可用，使用向上和向下箭头”。页面上显示的任何消息都必须位于用于生成它的代码中。从那里开始工作以查看该消息的定义位置以及是否可以覆盖它。您可能可以提供一个参数来更改消息，或者您可以自己提供 javascript 并更改消息。

  • 至于定位，你只需要更新你的 CSS。使用谷歌浏览器，右键单击并检查建议列表中的元素，您可以看到哪些 CSS 规则适用于它，以及各种事物的类名是什么。找到定义这些规则的样式表并编辑它们，或者添加额外的规则来覆盖它们。一般来说，Chrome 中的 webkit 检查器应该非常有助于诊断 CSS 规则是否搞砸了。

最后，我对可能导致这种情况的原因有一些猜测：

  1. 您可能有一些过于宽泛的 CSS 规则，这些规则弄乱了 jquery-ui 使用的默认定位。
  2. 您使用的 jquery 或 jquery-ui 版本与关联的样式表之间也可能不兼容。尝试重新安装两者的最新版本，建议可能会更好看。
  3. 您可能根本不包括 jquery-ui 样式表。这些建议看起来根本没有真正的样式或定位，因此可能只是缺少一组 CSS 指令。
于 2013-01-03T21:01:04.827 回答