需要打開'this'工具提示

Question

我有這個腳本添加一個關閉按鈕到我的工具提示，但我的問題是，因爲我有2個工具提示，我需要添加'打開此工具提示'，但我不知道在哪裏，有人能幫助我嗎。

var $t = $('.by-click').tooltipster({ 
    trigger: 'custom', 
    timer: 0, 
    functionReady: function(origin, tooltip) { 
     tooltip.find('.tooltipster-content').css('pointer-events', 'auto') 
     .on('mouseleave.tooltipster', function(e) { 
       e.stopImmediatePropagation(); 
     }) 
     .find('.close-tlp') 
     .on('click', function(e) { 
       origin.tooltipster('hide'); 
      e.preventDefault(); 
     }); 
    } 
}); 

$('.by-click').on('click', function(e) { 

    $t.tooltipster('show'); 

}); 

Answer 1

元素的ID必須是唯一的，所以改變button標識類屬性

<button class="btn">Click me!</button> 

然後在按鈕單擊處理精細的前一個元素是其中tooltip是元素初始化，然後顯示它

$('.btn').on('click', function(e) { 
    $(this).prev().tooltipster('show'); 
}); 

演示：Fiddle

Answer 2

對於這些事情，使用事件委託你更好。比較：

$(document) 
.on('mouseleave.tooltipster', function (e) { 
    e.stopImmediatePropagation(); 
}) 
.on('click', '.tooltipster-show', function (e) { 
    $(this).parent().find('.tooltipster').tooltipster('show'); 
}) 
.on('click', '.tooltipster-hide', function (e) { 
    $(this).closest(".tooltipster-base").data("origin").tooltipster('hide'); 
}); 

$('.tooltipster').tooltipster({ trigger: 'custom', timer: 0 }); 

http://jsfiddle.net/jKwZ6/20/