所需的侵入性最小的javascript工具提示实用程序(不是jQuery插件)

Question

我想在桌面和移动触摸浏览器中运行的web应用程序中使用工具提示。为此，我编写了一些触摸事件代码来为触摸生成自定义的"linger“(伪悬停)事件。在触控设备中，我希望在用户触摸元素并让手指在其上停留约500ms时显示工具提示，就像iPad的虚拟键盘上的工具提示一样。当有鼠标时，鼠标悬停将触发工具提示。

所以我在找一种最小侵入性的工具提示工具。它不应该将自己附加到事件，除非特别指示这样做。它不应该做任何会干扰jQuery UI 1.8.2或DOM事件传播的事情。在给定目标元素的位置和htmlContent的大小这两个事实的情况下，几乎所有的智能都应该致力于确定它应该显示在哪里，并在它和目标元素之间绘制一个连接楔子。

它必须让开发人员手动控制显示/隐藏，并通过一个简单的API手动设置内容：

    tooltip.show( targetElement, htmlContent, options);
    .
    .
    .
    tooltip.hide( targetElement, options);

感谢您的建议。谢谢

Answer 1

我将在我的移动应用程序中使用Sencha Touch。

Javascript Sencha Touch是世界上第一个专门为利用HTML5、CSS3和

实现最高级别的功能、灵活性和优化而构建的应用程序框架。我们具体使用HTML5来提供音频和视频等组件，以及用于离线保存数据的localStorage代理。

Answer 2

我正在寻找类似的东西，并正在观看jQuery UI 1.9，它将有工具提示。看看他们的working demo吧。

然后，您只需将悬停事件映射到单击事件，有点类似于此article 中的事件。

在设置具有所有不同依赖项的适当jsfiddle时遇到问题