jquery - jquery工具tps不显示

Question

我正在设计一个学习游戏。我有 6 个随机加载的类别，并希望显示该类别的动态描述。

function loadCategories() {
   var i = 0;
   var j = 0;

   $(".categoryname").each( function() {
    $(this).attr("title",descriptions[categoryIndex[i]]);
    $(this).text(category[categoryIndex[i]]).delay(500 * i);
    console.log("category "+ categoryIndex[i] + 
            ": "+category[categoryIndex[i]]+"\ttitle: " +
            descriptions[categoryIndex[i]]);
    $(this).fadeIn(2000,"blind");
    for(j = 0; j < 5; j++) {
       $(".value[index="+ (5*i + j) + "]").attr("answerid",categoryIndex[i]*5 + j);
    }

    i++;
   });

}

我可以在控制台日志中看到每个类别的标题。但是，在运行时，我只能看到最后 3 个类别的工具提示。

我在

$(document).ready( function () {

    // other code to parse the xml data file

    $(document).tooltip();

    // 

});

每个类别名称都是一个跨度，如下所示：

<span class="categoryname" title=""></span> 

直到使用上面的代码设置标题。当我在运行时查看代码时，它正确显示如下：

<span class="categoryname" title="Tooltip">Category Name</span>

关于为什么这不起作用的任何想法？