如何在使用jQuery工具提示时隐藏IE中的本机工具提示？

Question

我又遇到了一个小问题，与我的小应用程序有关。 你可以在这里找到它here。

在Chrome、Firefox等浏览器中，一切都运行良好。 在Internet Explorer中有一个小问题。

因为我正在使用jQuery UI ToolTip，所以可能不会显示默认的工具提示... 但在Internet Explorer中，它仍然会出现。

有人知道如何解决这个小问题吗？

谢谢！

- Tom V.

---

它在IE 9.0.12中运行正常。 - Swarne27

@Swarnajith 我可以在同一浏览器中重现OP的错误。 它有时会出现，但从未在“开发人员工具”窗口打开时出现 =) - Alex G.P.

这很可能是由于area元素的title属性引起的。请参考Alex的答案进行解决。 - Boaz

Answer 1

我建议不要使用title属性。相反，您可以使用data-title属性或以data-开头的任何其他名称。然后，使用插件的items选项指定所需属性：

$('area').tooltip( { items: 'area[data-title]' } );

- Alex G.P.

---

很不幸，如果我设置了data-title属性和items选项，它根本不会显示任何工具提示... - Tom V.

你能在jsfiddle.net上提供你的代码示例吗？我怀疑只是选择器对于'items'的正确使用问题。 - Alex G.P.

Answer 2

@Alex G.P. 当我只使用“items”选项时，它根本没有显示任何内容。 我不得不添加一个“content”选项：

$("area").tooltip({ track: true, items: "area[data-title]", content: function () { return $(this).attr("data-title")} });

现在它可以正常工作了:) 无论如何，谢谢你！

- Tom V.