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

Опитвам се да заредя малко съдържание в подсказката на 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 с клас "tooltip" след задействащия елемент.

Сега JS трябва да ми каже името на ID на родителския DIVs и да зареди съдържание в подсказката, в зависимост от това име на ID.

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 - има ли решение за решаване на това?


jquery tooltip jquery-tools
person cukabeka    schedule 15.06.2012    source източник
comment
Малко ми е неясно. Какво точно се опитвате да заредите в подсказката?   -  person Thinking Sites    schedule 15.06.2012

Отговори (1)


arrow_upward
1
arrow_downward

Това трябва да работи:

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

Трябва да помислите за поставяне на графика за зареждане или нещо подобно, за да уведомите потребителя, че данните се извличат, когато задържа курсора на мишката. Това ще даде време на клиента да посети сървъра, за да получи съдържанието, което искате.

person Jimmy Baker    schedule 15.06.2012
comment
Отлична идея. Използвайте следното за Bootstrap 3+: $(".tooltip").tooltip().on('shown.bs.tooltip', function() { // the above function; }); - person Tum; 07.03.2016