Question

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

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

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

我希望addText（）在tipsy打开后运行，但它没有。

有没有一种简单的方法可以做到这一点而无需修改有问题的核心代码？

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

Answer 1

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

Tipsy不支持回调，但支持参数的回调函数：例如title。所以，我们可以通过我们的函数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和hide方法。

//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();
}

关于jQuery Tipsy隐藏/显示的回调

2 个答案: