Javascript 为什么';qTip工具提示保持打开状态,以便我可以单击链接?
这是我在JSFIDLE中的一个例子,将鼠标悬停在明尼苏达州上空,查看qtip弹出窗口。我正在使用jquery插件,我一直坚持让qtip停留足够长的时间,以便有人点击工具提示上的链接。我在scenerios上尝试了各种方法,使它保持开放。阅读这本书似乎很容易做到,但我尝试了这些,没有运气。我试过这些Javascript 为什么';qTip工具提示保持打开状态,以便我可以单击链接?,javascript,jquery,jquery-plugins,qtip,Javascript,Jquery,Jquery Plugins,Qtip,这是我在JSFIDLE中的一个例子,将鼠标悬停在明尼苏达州上空,查看qtip弹出窗口。我正在使用jquery插件,我一直坚持让qtip停留足够长的时间,以便有人点击工具提示上的链接。我在scenerios上尝试了各种方法,使它保持开放。阅读这本书似乎很容易做到,但我尝试了这些,没有运气。我试过这些 hide: { when: 'mouseout', fixed: true } 及 还有许多其他的,没有任何东西可以保持工具提示,用户可以点击链接。令人恼火的是书页上的内容。如果你点击任何一个示例链
hide: { when: 'mouseout', fixed: true }
及
还有许多其他的,没有任何东西可以保持工具提示,用户可以点击链接。令人恼火的是书页上的内容。如果你点击任何一个示例链接,他们正在做我想做的事情,我去了源代码,如果他们似乎正在使用
hide: 'unfocus',
及
但是我两个都试过了,工具提示不会一直打开。我遗漏了什么吗?由于您的提示位置似乎偏右了一些,请尝试以下操作:
$(this).qtip(
{
hide:{ //moved hide to here,
delay:500, //give a small delay to allow the user to mouse over it.
fixed:true
},
content: $("." + test).html(),
style: {
name: 'dark',
style: {
border: 1,
cursor: 'pointer',
padding: '5px 8px',
name: 'blue'
},
border: {},
tip: true // Apply a tip at the default tooltip corner
}
});
已更新。您的代码中有两种样式,而且都不可靠。这是你的代码,正在工作
hide: {
fixed: true,
delay: 240
},
$(this).qtip(
{
hide:{ //moved hide to here,
delay:500, //give a small delay to allow the user to mouse over it.
fixed:true
},
content: $("." + test).html(),
style: {
name: 'dark',
style: {
border: 1,
cursor: 'pointer',
padding: '5px 8px',
name: 'blue'
},
border: {},
tip: true // Apply a tip at the default tooltip corner
}
});