Всплывающая подсказка jquerytools с содержимым из вызова AJAX?

Question

Мы используем jquerytools и хотим использовать функцию tooltip для отображения контента загружается через AJAX.

В документации jquerytools tooltip говорится, что содержимое tooltip должно содержаться в HTML непосредственно после элемента, который должен получить tooltip.

Нет лучшего способа? Пользовательский интерфейс слишком сложен, и это требование sux.

как бы вы реализовали jquerytools tooltip функциональность с tooltip контентом, всасываемым через AJAX?

Answer 1

Я использую настроенную версию подсказки:

http://code.drewwilson.com/entry/tiptip-jquery-plugin

однако, почему вы не можете просто использовать ajax для динамической вставки элемента после для содержимого всплывающей подсказки?

у вас может быть "шаблон" div где-то так:

<div id="tooltip-template" style="display:none"><span></span>...</div>

и внутри вашего обратного вызова:

$.ajax(
{
    url:    '...',
    type:   "POST",
    data:   JSON.stringify(...),
    success: function(result)
    {
       var tooltip = $("#tooltip-template").clone( );

       tooltip.find("span").html(result.name);

       var target = $("#tooltip-target");

       target.after(tooltip);

       target.tooltip( );
    }
});