Jquery 使用qtip时隐藏div
也许这是个愚蠢的问题,但是。。。加载html时隐藏div,然后通过qTip显示它的方法是什么? 我试图用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"
$(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指南中查找“隐藏元素”。请显示一些代码。可能重复的