持久Qtip
持久Qtip
提问于 2013-05-21 05:16:14
我想使用Qtip2来显示持久的工具提示。持久化，我的意思是，工具提示应该显示在页面加载时，然后它不应该被隐藏或销毁在页面的生命周期。我尝试过这里的解决方案，但它对我没有用。在我的代码(您可以在jsFiddle 这里上引用它)中，当目标被鼠标移动时，工具提示仍然是隐藏的。我希望这个行为被取消，这样工具提示就会保持不变。
供您参考，为了帮助我，代码：
<html>
<head>
<link href="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.css" rel="stylesheet" />
<link href="mycss2.css" rel="stylesheet" />
<style>
#demo-simple{
margin:100px;
border:1px red Solid;
}
</style>
</head>
<body>
<div id="demo-simple" class="box">
<div id="primary">
Hello World
</div>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://craigsworks.com/projects/qtip_new/packages/nightly/jquery.qtip.js" ></script>
<script type="text/javascript">
$(document).ready(function () {
$("#primary").qtip({
content: {
text: 'I am primary'
},
show: {
ready: false,
delay: 0
},
hide: {
when: false
},
position: {
my: 'right center',
at: 'left center',
target: $('#primary')
},
});
$("#primary").qtip('show');
});
</script>
</body>
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-05-21 05:25:42
这将使工具提示在页面加载时永久化。JsFiddle在这里。
$("#primary").qtip({
content: {
text: 'I am primary'
},
show: {
ready: true,
delay: 0
},
hide: false,
position: {
my: 'right center',
at: 'left center',
target: $('#primary')
},
});Stack Overflow用户
发布于 2013-05-21 05:22:18
这就是你想要的吗，小提琴
$(document).ready(function () {
$("#primary").qtip({
content: {
text: 'I am primary'
},
show: true,
hide: false,
position: {
my: 'right center',
at: 'left center',
target: $('#primary')
},
});
});Stack Overflow用户
发布于 2013-05-21 05:25:23
show: {
ready: true,
delay: 0
},
hide: {
event: 'nonexisting'
},http://jsfiddle.net/KHxgQ/8/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16662587
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号