Как ссылаться на триггерный элемент в cluetip?

Question

У меня есть следующий код. Я хочу ссылаться на триггерный элемент и получить значение тега в onShow(). Как я могу это сделать? Благодаря

<a class="tips" tag="12">TEST 01</a> 
<a class="tips" tag="123">TEST 02</a> 
<a class="tips" tag="1234">TEST 03</a> 
<a class="tips" tag="12345">TEST 04</a> 

$(document).ready(function() { 
$('a.tips').cluetip({ 
    splitTitle: "|", 
    width: '500', 
    sticky: true, 
    closePosition: 'title', 
    dropShadow: true, 
    onShow: function (ct, ci) { 
    } 
}); 
} 

Answer 1

От the docs

// function to run just after clueTip is shown. It can take two arguments: 
    // the first is a jQuery object representing the clueTip element; 
    // the second a jQuery object represeting the clueTip inner div. 
    // Inside the function, this refers to the element that invoked the clueTip 
    onShow:   function(ct, ci){}, 

Таким образом, вы должны использовать, this для ссылки на элемент.

И, для другой части вашего вопроса, вы можете использовать JQuery:

$(document).ready(function() { 
    $('a.tips').cluetip({ 
     splitTitle: "|", 
     width: '500', 
     sticky: true, 
     closePosition: 'title', 
     dropShadow: true, 
     onShow: function(ct, ci){ 
      var selectedTag = $(this).attr("tag"); //get the tag 
     } 
    }); 
});