подсказка jquerytools, заполненная ajax

Question

Я пытаюсь загрузить некоторый контент в подсказку jQueryTools, в зависимости от элемента родителя-триггера. Теперь я застрял с этим:

<div id="id-1"> 
     <div> 
     <div> 
      Bla <a class="trigger">trigger</a> 
     </div> 
     <div class="tooltip">empty</div> 
     </div> 
</div> 
<div id="id-2"> 
     <div> 
     <div> 
      Bla <a class="trigger">trigger</a> 
     </div> 
     <div class="tooltip">empty</div> 
     </div> 
</div> 

Примечание: По умолчанию, плагин загружает расширенный HTML в DIV с классом «подсказке» после элемента триггера.

Теперь JS должен указать мне имя родительского идентификатора DIVs и загрузить содержимое во всплывающую подсказку в зависимости от этого идентификатора.

jQuery(".tooltip").tooltip({ 
    onShow: function() { 
     var foundId = jQuery(this).parent().parent().attr("id"); 
        // generate a url from the result, e.g. exmpl.com/id-1.html 
        // put the url content in the tooltip container 
    } 
}); 

Я довольно мусор в JS - есть ли решение для решения этой проблемы?

Answer 1

Это должно работать:

jQuery(".tooltip").tooltip({ 
    onShow: function() { 
     var foundId = jQuery(this).parent().parent().attr("id"); 
     $.get('/some-url/' + foundId, function(data){ 
      $(this).html(data); 
     }); 
    } 
}); 

Вы должны рассмотреть вопрос о создании погрузочной графика или что-то, чтобы пользователь мог знать, что данные были получены при наведении. Это даст клиенту время, чтобы попасть на сервер, чтобы получить нужный контент.