Jquery 单击时显示相同的qTip工具提示，但一次仅显示一个_Jquery_Tooltip_Qtip

Jquery 单击时显示相同的qTip工具提示，但一次仅显示一个

jquery

Jquery 单击时显示相同的qTip工具提示，但一次仅显示一个,jquery,tooltip,qtip,Jquery,Tooltip,Qtip,我试图使用qTip2来显示一个html内容工具提示，点击任何带有类“bb”的链接。当您单击任何具有类“bb”的链接时，工具提示将打开具有类“tooltiptext”的div，当您单击另一个具有类“bb”的链接（或页面上的任何位置）时，第一个工具提示关闭，第二个工具提示将在该链接上方打开（如果您没有单击其他链接，则仅工具提示关闭）我已经成功地打开和关闭了toolip，但是只有第二个链接显示了html内容有什么想法吗非常感谢 <script> $(document).re

我试图使用qTip2来显示一个html内容工具提示，点击任何带有类“bb”的链接。当您单击任何具有类“bb”的链接时，工具提示将打开具有类“tooltiptext”的div，当您单击另一个具有类“bb”的链接（或页面上的任何位置）时，第一个工具提示关闭，第二个工具提示将在该链接上方打开（如果您没有单击其他链接，则仅工具提示关闭）

我已经成功地打开和关闭了toolip，但是只有第二个链接显示了html内容

有什么想法吗

非常感谢

    <script>
 $(document).ready(function()
 {
     $('a.bb').each(function() {
         $(this).qtip({
         show: 'click',
         hide: 'unfocus',
         content: {
                 text: $(this).next('.tooltiptext')
             }
     });
     });
 });
 </script>

<style type="text/css">
    .tooltiptext{
    display: none;
}

<body>
<a class="bb" href="#test">Click me!</a>
<a class="bb" href="#test">Click me again!</a>

<div class="tooltiptext">
    Complex <b>inline</b> <i>HTML</i> in your <u>config</u>
</div>
<!-- Qtip -->
<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.css">
<script type="text/javascript" src="http://cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.js"></script>
</body>


$（文档）.ready（函数（）
{
$（'a.bb'）。每个（函数（）{
$（此）.qtip({
显示：“单击”，
隐藏：“未聚焦”，
内容：{
文本：$（this）.next（'.tooltiptext'）
}
});
});
});
.工具文字{
显示：无；
}
配置文件中的复杂内联HTML

jQuery

next（）

只获取紧跟其后的同级，因此对于第一个链接

它将获取第二个链接，并且当您按类进行筛选时

。tooltipnext

所获得的只是一个空选择

最好的方法是直接按工具提示的类进行选择（或者甚至按id进行选择，因为它应该是唯一的），并使用

html（）

无需使用

each（）

函数，因为

qtip

已应用于所有选定元素

它应该是这样的：

$(document).ready(function() {
    $('a.bb').qtip({
        show: 'click',
        hide: 'unfocus',
        content: {
            text: $('.tooltiptext').html()
        }
    });
});

检查这里的小提琴：

谢谢@bafforosso-这正是我需要的！