Jquery 使用qtip时隐藏div

Jquery 使用qtip时隐藏div,jquery,html,qtip,qtip2,Jquery,Html,Qtip,Qtip2,也许这是个愚蠢的问题,但是。。。加载html时隐藏div,然后通过qTip显示它的方法是什么? 我试图用$(div)隐藏它。隐藏和,但qtip不起作用 更新 js中的代码 $('#usuario').qtip({ content: $(this).next(), show: 'click', hide: 'unfocus' }); html中的代码 <span id='usuario_menu'> <a id="usuario"

也许这是个愚蠢的问题,但是。。。加载html时隐藏div,然后通过qTip显示它的方法是什么? 我试图用
$(div)隐藏它。隐藏
,但qtip不起作用

更新

js中的代码

$('#usuario').qtip({
    content: $(this).next(),
    show: 'click',
    hide: 'unfocus'
});
html中的代码

<span id='usuario_menu'>
            <a id="usuario" ><?php echo $_SESSION['correo']; ?></a>
            <div class="hidden">
                <a href="php/login_out.php">Cerrar sesión</a><br/>
                <a href="">Otra cosa</a>
            </div>
            <img src='' alt="Tareas pendientes">
        </span>


已解决 答案就在这些评论中:


但是,如果还有其他答案,欢迎使用:)

当我没有得到qtip的隐藏元素方法并且在这里没有得到答案时,我被这个问题绊倒了,我将在解决问题后发布一些工作代码。只是让别人看看

您的问题是js代码中的
$(this)
。您可以用
$(“#usuario”)
交换它。如果在div中使用“hidden”类,则应通过将css规则应用于该类来隐藏该类:
.hidden{display:none;}
。您的其余代码还可以,我只是将您的php代码更改为“test”,因为我不使用您的服务器:-)

代码如下:

<head>
<link type="text/css" rel="stylesheet" href="jquery.qtip.css" />
</head>
<body>
<span id='usuario_menu'>
            <a id="usuario" >test</a>
            <div class="hidden">
                <a href="php/login_out.php">Cerrar sesión</a><br/>
                <a href="">Otra cosa</a>
            </div>
            <img src='' alt="Tareas pendientes">
        </span>
</body>

<style>
.hidden{ display:none; }
</style>

<script type="text/javascript" src="jquery-3.4.1.js"></script>
<script type="text/javascript" src="jquery.qtip.js"></script>
<script>
$('#usuario').qtip({
content: $("#usuario").next(),
show:'click',
hide:'unfocus'
});
</script>


.hidden{显示:无;} $('#usuario').qtip({ 内容:$(“#usuario”).next(), 显示:'单击', 隐藏:'unfocus' });
在运行之前,必须将文件jquery.qtip.css、jquery-3.4.1.js、jquery-3.4.1.js包含在与上述html文件相同的目录中。你可以试试自己的小提琴。只需点击“测试”一词


如果您想使用多个隐藏的多个div并使用它们来显示工具提示,这当然不是最佳解决方案。然后,您应该在qtip2指南中查找“隐藏元素”。

请显示一些代码。可能重复的