带有来自AJAX调用内容的jquerytools工具提示？

Question

我们正在使用jquerytools，并希望使用tooltip功能来展示内容 通过AJAX加载。

jquerytools tooltip的文档说明tooltip的内容必须在应该收到的元素之后直接包含在HTML中 tooltip。

有没有更好的方法？用户界面太复杂了，这个要求是sux。

如何通过jquerytools tooltip实现tooltip内容AJAX的功能？

Answer 1

我使用的是tiptip的自定义版本：

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( );
    }
});