Question

我正在使用JQuery UI's tooltips来使用动态元素的页面。它在单个元素上完美运行，但是当我尝试添加多个工具提示时，最后定义的工具提示似乎会覆盖现有项目。

e.g。

$("body").tooltip({
    selector: ".testItem1",
    items: ".testItem1",
    content: "1"
});

$("body").tooltip({
    selector: ".testItem2",
    items: ".testItem2",
    content: "2"
});

在这种情况下，第二个工具提示似乎会覆盖第一个。

示例（仅第二项工具提示可用）：https://jsfiddle.net/wce547w7/

是否有其他方法可以向动态元素添加工具提示？或者我可以使用某种类型的属性来允许其他工具提示吗？

编辑：动态元素添加到我的控件之外，因此我无法在创建元素的同时添加工具提示。

Answer 1

为什么要使用很多工具提示？

from rest_framework import serializers


class StatusSerializer(serializers.ModelSerializer):
    class Meta:
        model = MyStatusModel
        fields = (
            'id',
            'status',
        )


class IssueSerializer(serializers.ModelSerializer):
    status = serializers.SlugRelatedField(slug_field='status', queryset=MyStatusModel.objects.all())

    class Meta:
        model = MyIssueModel
        fields = (
            'issue_name',
            'status',
        )

在动态元素上使用多个JQuery UI工具提示

1 个答案: