【问题标题】:Displaying contents details via hover like stackoverflow with javascript [duplicate]通过悬停显示内容详细信息,例如使用javascript的stackoverflow [重复]
【发布时间】:2011-06-12 21:27:18
【问题描述】:

可能重复:
JQuery Show hide class on hover

就像 stackoverflow 一样,当您将鼠标悬停在任何标签上时,它会加载该标签的描述和详细信息。有没有办法我可以用像 jquery 这样的 javascript 插件来手动完成这个。任何参考都可以。

【问题讨论】:

    标签: javascript jquery


    【解决方案1】:

    clueTip 是一个很好的 jQuery 插件,它提供了带有内联和 AJAX 定义的工具提示。例如,可以使用以下 HTML 实现 AJAX 定义:

    <a class="definition" href="link-to-tag.html" rel="ajax.html">tag</a>
    

    并使用以下 Javascript 加载 jQuery 插件:

    $('a.definition').cluetip();
    

    【讨论】:

    • 在 clutip 中有没有办法可以放置加载图像以指示请求正在加载
    • 这很酷,迫不及待开始使用它
    【解决方案2】:

    如果你想使用 jQuery,有很多插件和脚本可以实现类似的工具提示效果。一个看起来相当不错的可以找到here

    【讨论】:

    • 我想通过ajax加载内容。
    • 没有理由不能通过 AJAX 加载内容...看看这个页面:flowplayer.org/tools/demos/tooltip/any-html.html。您可以在页面加载时(或您喜欢的任何时间)通过 AJAX 将内容加载到 &lt;div class="tooltip"&gt;
    • 它很酷,但不像我预期的那样。在 stackoverflow 上,当您将鼠标悬停在标签上时会发生这种情况,您会看到一个加载栏试图从我正在谈论的数据库中获取内容。它应该首先尝试加载内容。这是为了防止页面加载时出现这么多的 sql 查询。我需要那种类型来防止这么多的 sql 查询
    • 嗯,看起来你接受的答案中的线索提示是适合你的!
    • 好的,谢谢。只是想有最好的方法来解决它
    【解决方案3】:
    猜你喜欢
    • 2018-03-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2010-10-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多