在显示工具提示之前加载 ajax 内容答案

【问题标题】：load ajax content before showing tooltip在显示工具提示之前加载 ajax 内容
【发布时间】：2011-06-21 10:04:41
【问题描述】：

我想在基于用户的特定位置点击并
我也希望它以下拉列表的形式出现
下拉菜单中的内容将通过动态生成 ajax..
我正在使用 jquery-tools 工具提示来执行此操作，但遇到了一些问题...
只有在第二次点击后才会加载 ajax 内容..

这是创建工具提示对象数组的代码

    $(document).ready(function(){
         var show = false;
         var tips = new Array();
             $(".replie").each(function(){
                $(this).tooltip({ effect: 'fade', events:  {widget:'click,'},position:"bottom right",onBeforeShow:function() {
                    this.getTrigger().fadeTo("slow", 0.8);
                    }})
                tips.push($(this).tooltip(0));
                });

这是控制工具提示行为和加载 AJAX 内容的代码

    $(".replie").click(function(evt){
        if(!evt){
                    evt=window.event;
                }
            var row =evt.target.parentNode.id[2];
            var aid=evt.target.id;
            var uid= <?php echo $uid ?>;
            var tip;
            $("#tip"+row).load("reply.php?uid="+uid+"&aid="+aid,function(){
                $(this).hide()
            });

            if(tips[row].isShown)
            {
                tips[row].hide();
            }
            else
            {
                tips[row].show();
            }

        });

如何加载内容然后显示工具提示..？

【问题讨论】：

标签： javascript jquery ajax jquery-tools jquery-tooltip

【解决方案1】：

使用jQuery.ajax() 函数代替jQuery.load() 函数。您可以在complete 或success 事件上设置回调函数。在该处理程序中，触发工具提示功能。

这是jQuery.ajax()的文档：http://api.jquery.com/jQuery.ajax/

【讨论】：