我正在设计一款学习游戏。我有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();
//
});
每个categoryname都是一个看起来像这样的范围:
<span class="categoryname" title=""></span>
直到使用上面的代码设置标题。当我在运行时查看代码时,它显示如下:
<span class="categoryname" title="Tooltip">Category Name</span>
有关为什么这不起作用的任何想法?