需要微创javascript工具提示实用程序(不是jQuery插件)

时间:2010-08-16 18:25:42

标签: javascript tooltip

我想在桌面和移动触摸浏览器中运行的网络应用中使用工具提示。为此,我编写了一些触摸事件代码来生成触摸的自定义“逗留”(伪悬停)事件。在触摸设备中,我想在用户触摸元素时显示工具提示,让她的手指在其上逗留约500毫秒,就像iPad的虚拟键盘上的工具提示一样。当有鼠标时,悬停会触发工具提示。

所以我正在寻找一种微创工具提示工具。除非特别指示,否则不应将其自身附加到事件上。它不应该干扰jQuery UI 1.8.2或DOM事件传播。鉴于目标元素的位置和htmlContent的大小的双重事实,几乎所有的智能都应该用于确定它应该显示的位置并在它和目标元素之间绘制连接楔形。

必须让开发人员手动控制显示/隐藏,并通过简单的API手动设置内容:

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

感谢建议。 感谢

2 个答案:

答案 0 :(得分:1)

Sencha Touch是我将用于移动应用的内容。

  

Sencha Touch是世界上第一个专门用于利用HTML5,CSS3和Javascript实现最高级别的功能,灵活性和优化的应用程序框架。我们特别使用HTML5来提供音频和视频等组件,以及用于离线保​​存数据的localStorage代理。

答案 1 :(得分:0)

我正在寻找类似的东西,正在看jQuery UI 1.9这将有工具提示。查看他们的working demo

然后,您只需将悬停事件映射到点击事件,就像在此article 中一样。

无法设置具有所有不同依赖关系的正确jsfiddle