Question

我的页面上有工具提示

var btnArr = ["#b1", "#b2"];
var ttArr = ["Submit", "Clear"];

$.each(btnArr, function (i, v) {
    $(btnArr[i]).prop('title', ttArr[i]);
    $(v).tooltip({
        text: ttArr[i]
    });
});

如何让工具提示适用于动态创建的元素？

Answer 1

您可以将工具提示窗口小部件绑定到顶级元素，然后使用items选项过滤要在其上显示的元素：

$(document).tooltip({
    items: ".myTooltipButtonClass"
});

这可以是document或容器元素，甚至是多个容器元素。另一种方法是每次使用工具提示动态创建一个新按钮时重新实例化一个新的小部件，但在大多数情况下这是不必要的复杂

以下是关于小提琴的更新：http://jsfiddle.net/h5qbhvmc/

旁注text不是有效选项，也不做任何事情。 Ref. the list of valid options

动态元素的工具提示

1 个答案: