jquery - jQuery Tipsy 的回调隐藏/显示

Question

我正在尝试在醉酒打开/关闭后设置回调函数。

function addText()
{
    $('#text').html('Tipsy is now open !');
}

$('.tipsy').tipsy(addText);   

我希望 addText() 在醉醺醺的打开后运行，但事实并非如此。

有没有一种简单的方法可以在不修改核心代码的情况下做到这一点？

这是我的 jsfiddle：http: //jsfiddle.net/Tqcgr/1/

Answer 1

所以，让我们看一下文档： http: //onehackoranother.com/projects/jquery/tipsy/

Tipsy 不支持回调，但支持参数的回调函数：例如标题。所以，我们可以传递我们的函数 ass 参数。这个函数会做我们想做的事，然后简单地返回原始标题，就好像我们没有使用这个自定义回调函数一样

$(function () {
  function addText(el)
  {
    $('#text').html('Tipsy is now open !');
    return $(el).attr('original-title');
  }

  $('.tipsy').tipsy({
    gravity: 'w',
    title: function() {
      return addText(this);
    }
  });
});

示例可以在这里看到：http: //jsfiddle.net/Rf8qY/

Answer 2

添加 onShow 和 onHide 回调很容易。看看这个：http: //jsfiddle.net/Tqcgr/2/

但是您需要修改显示和隐藏方法。

//show
var callback = this.options.onShow,
    element = this.$element[0],
    runCallback = function() {
        if(callback){
            callback.call(element);   
        }
    };

//invoke
if (this.options.fade) {
    $tip.stop().css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: this.options.opacity}, runCallback);
} else {
    $tip.css({visibility: 'visible', opacity: this.options.opacity});
    runCallback();
}

//hide
var callback = this.options.onHide,
    element = this.$element[0],
    runCallback = function() {
        if(callback){
            callback.call(element);
        }                        
    };
    //invoke
if (this.options.fade) {
    this.tip().stop().fadeOut(function() { $(this).remove(); runCallback()});
} else {
    this.tip().remove();
    runCallback();
}