jquery自动完成插件是否存在浏览器兼容性问题？答案

【问题标题】：Is there browser compatibility issue with jquery autocomplete plugin?jquery自动完成插件是否存在浏览器兼容性问题？
【发布时间】：2014-01-05 13:37:41
【问题描述】：

我正在为我们的一个网络应用程序使用 jquery 自动完成插件。

在组合框上，我们使用它作为默认值或选项。

  var input = this.input = $( "<input>" )
  var input = this.input = $( "<input>" )
  **.attr('data-placeholder', 'Choose an agent...') <-- this line for default value.**
  .insertAfter( select )
  .val( value )

我的一台电脑有 IE9、Firefox、Google Chrome。

另一台 PC 有 IE11、Firefox、Google Chrome。

当我们运行应用程序时，我们可以在 FF 和 Google Chrome 上看到选择代理的默认选项...但是在针对 IE 运行时，此默认值在组合框中为空或缺失。

我在页面顶部添加了这个元标记：

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" /> (for IE9)

和

  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" /> (for IE11).

然而，问题仍然存在。

有谁知道这个问题有没有解决办法？

【问题讨论】：

你为什么不简单地使用placeholder？将在 IE 11 中运行，但不能在 IE 9 中运行 caniuse.com/placeholder
@Reeno，感谢您的提示。尽管如此，即使我做出了建议的更改，这仍然是一个问题。我们工作中的大多数员工都将 IE9 作为组织标准业务实践的一部分。此外，我们无法控制操作系统供应商和其他用户拥有什么。更容易告诉用户不再支持 IE8。 IE9 仍然是。
由于占位符在 IE 9 中不起作用，您可以尝试使用夏季 JavaScript 来模拟它，参见例如stackoverflow.com/questions/6366021/placeholder-in-ie9
或stackoverflow.com/questions/11303739/…
data-placeholder 来自哪里？它不是标准的 (X)HTML 并且 jQuery 的自动完成功能不使用它，至少根据 api.jqueryui.com/autocomplete 是另一个插件吗？在我发布的两个链接中，有一些链接如何让placeholder 在 IE9 中工作。尝试例如corymathews.com/html5-placeholder-in-ie

标签： javascript jquery css jquery-ui

【解决方案1】：

data-placeholder 不是标准的 (X)HTML（就像前面带有 data- 的所有内容一样）并且根据 http://api.jqueryui.com/autocomplete/ 它也不是 jQuery 自动完成的一部分。您应该只使用 placeholder 支持的 in most current browsers。
对于较旧的浏览器（例如 IE 9），您可以使用一些 JavaScript，如链接在 Placeholder in IE9 或 IE9 HTML5 placeholder - how are people achieving this? 中以达到预期的效果。

【讨论】：