【问题标题】:How to Get a Tooltip to Stick如何获得要粘贴的工具提示
【发布时间】:2010-12-29 18:58:49
【问题描述】:

我已经实现了 dojo 工具提示,它可以满足我的基本需求。我想做的是与 Facebook 和 ancestry.com 非常相似的东西,将鼠标悬停在某些文本上会弹出一个工具提示窗口,您可以将鼠标移入并单击其内容。有没有支持这个的javascript框架?它只是某种形式的下拉菜单吗?如果可能的话,我宁愿在道场做。

谢谢, 生硬

【问题讨论】:

    标签: facebook javascript-framework tooltip


    【解决方案1】:

    几个不同版本的 jQuery / Javascript 工具提示插件通常具有关于何时隐藏工具提示的属性。根据 Dojo 的文档 - 如果您正在寻找一个工具提示,您可以通过鼠标进入并使用工具提示中的内容,他们建议使用 dijit.TooltipDialog。

    可在此处找到相关文档:

    http://docs.dojocampus.org/dijit/TooltipDialog

    【讨论】:

    • 我之前查看了dojo TooltipDialog。问题是您必须单击元素才能显示工具提示。我在文档中没有看到任何排除这种情况的选项。
    【解决方案2】:

    我最终使用了 Spry 工具提示。鉴于我使用 Dreamweaver,我应该先看看那里。这比其他人需要更多的工作,因为我必须制作自己的 CSS 才能使弹出框看起来更漂亮。框架放置不如 Dojo 工具提示准确。它也始终显示在触发器下方。我喜欢它的是您可以设置鼠标悬停之前显示的时间以及离开后显示的时间。工具提示中显示的文本在 html 中作为 div。这对我来说很有效,因为我的工具提示是脚注并且可能会发生变化。它还可以更轻松地格式化内容。我还没有为其中任何一个添加链接,但我不明白为什么它不应该工作。

    代码骨架也是通过使用 Dreamweaver 插入自动插入的。我对一些插入物有一些小问题,但它们总是在第二次尝试时起作用。在添加了几个工具提示后,我最终也清理了代码。每个工具提示都被脚本分隔符包围,并放置在 html 文件的底部。我将它们折叠成一组分隔符。我最终会将它们移动到一个单独的文件中。

    一个问题是未来对 Spry 的支持。我已经看到很多关于它没有在 Adob​​e 论坛上更新的投诉,以及似乎是他正在开发的唯一剩下的开发人员的回应。如果涉及到它,我可以自己处理它,因为它是一个独立的模块。

    【讨论】:

      猜你喜欢
      • 2013-06-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-03-07
      • 1970-01-01
      • 2014-03-01
      • 1970-01-01
      相关资源
      最近更新 更多