jquery tipsy触发手动切换

时间:2012-04-27 16:06:38

标签: jquery tipsy

tipsy是很棒的jQuery工具提示插件,比如facebook。这个工作有很多选项,但是我在工具提示(rel方法)中打印mypage的链接现在我需要如果用户点击我的链接显示工具提示和当前页面的用户复制链接(我输入工具提示)工具提示,如果用户点击页面正文或外部工具提示/隐藏工具提示隐藏。在详尽的文档( 手动触发示例 )中,如果我们将此更改为1个链接(toogle /单击显示/单击隐藏),则仅触发带有显示/隐藏链接的链接(2个链接)或更改身体/外部点击我认为我的问题是修复。这个解决方案/问题的任何方式?感谢

触发提示:

<div class='caption'>Manual triggering example:</div>
<div id='manual-example' class='example'>
<a rel='tipsy' title='Well hello there'>My tooltip is manually triggered</a> |
<a href='#' onclick='$("#manual-example a[rel=tipsy]").tipsy("show"); return false;'>Show it</a> |
<a href='#' onclick='$("#manual-example a[rel=tipsy]").tipsy("hide"); return false;'>Hide it</a>
</div>

1 个答案:

答案 0 :(得分:1)

您可以使用此代码在状态之间切换:

var el = $('#manual-example a[rel=tipsy]').tipsy({trigger: 'manual'});
$('#toggleIt').click(function(e){
    e.preventDefault();
    if($('.tipsy').length == 0){
        el.tipsy('show');
    }else{
        el.tipsy('hide');        
    }
});

JSFIDDLE