【问题标题】:Rails jquery autocomplete field distortedRails jquery自动完成字段扭曲
【发布时间】:2012-12-15 23:52:35
【问题描述】:

我的应用基于rails3-autocomplete-jquery 一切都很好,除了它扭曲了相关领域。见下图。

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

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

【问题讨论】:

  • 这很可能与页面上的其他标记有关。如果没有实际代码,任何人都无法找出问题的答案。

标签: jquery css ruby-on-rails autocomplete


【解决方案1】:

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

.ui-helper-hidden-accessible{ display:none}

【讨论】:

  • 感谢您的意见,但它并没有回答我所有的问题。
  • 自从新的 jQuery UI 1.9 发布以来,我就遇到了这个问题。我没有找到任何关于如何自定义或修改消息的文档。然后我决定隐藏它,因为它破坏了我的应用程序布局。
  • 添加该行并不会消除该消息
【解决方案2】:

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

【讨论】:

    【解决方案3】:

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

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

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

    最后,我有几个猜测可能是什么原因造成的:

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

    【讨论】:

      猜你喜欢
      • 2014-04-02
      • 2013-01-08
      • 1970-01-01
      • 2013-02-16
      • 1970-01-01
      • 1970-01-01
      • 2010-12-17
      • 2013-04-05
      • 1970-01-01
      相关资源
      最近更新 更多