q点击显示/隐藏工具提示

我有一个包含许多工具提示的页面。 我想在点击按钮时单独显示/隐藏每个人。 它对我不起作用，任何人都可以帮忙吗？

 
 
​ function showMyTT(id) { $('#'+id).qtip({ content: { text: 'Show the content', title: false }, position: { my: 'left center', at: 'left center' }, show: { event: false, ready: true }, hide: false, style: { classes: 'ui-tooltip-shadow ui-tooltip-jtools' } }); } 

谢谢

Answer 1

此showMyTT函数初始化您的工具提示。 在为所有id（初始化）运行此函数后，您应该执行以下操作：

HTML

JavaScript的

 function toggleQtip(id) { var div = $('#'+id); if (div.data('visible')) { div.qtip('hide'); div.data('visible', false); } else { div.qtip('show'); div.data('visible', true); } } 

编辑

以下是如何初始化qtip（至少一种可能性）。 将自定义类添加到您想要qtip的所有div，例如qtiped ：

HTML

 
TEST
  

然后运行以下代码：

JavaScript的

 $(document).ready(function() { $('.qtiped').each(function() { showMyTT( $(this).attr('id') ); }); }); 

此外，在showMyTT内部进行以下更改： show: false以避免自动加载（我们要初始化工具提示，而不是显示它们）。