如何将popover放到一个具有不同选择器的元素上

Question

我在我的网络应用程序中使用了jquery.gantt插件，但在示例中提供了查看弹出窗口的代码，但只有一个弹出窗口中的甘特图中的所有元素。

我想为每个元素显示不同的弹出窗口

示例：

元素1 - 标题：促销1内容：这个促销很棒 元素1 - 标题：促销2内容：此促销不是很棒

示例中的

仅出现此代码：

        $(".gantt").popover({
            selector: ".bar",
            title: "Promocion #1",
            content: "Bono 2x1 miembros cobrand",
            trigger: "hover"
        });

我想使用相同但依赖于不同的选择器：

        $(".gantt").popover({
            selector: ".promo1",
            title: "Promocion #1",
            content: "Bono 2x1 miembros cobrand",
            trigger: "hover"
        });


        $(".gantt").popover({
            selector: ".promo2",
            title: "Promocion #2",
            content: "BonASDASDASDros cobrand",
            trigger: "hover"
        });

但是没有用，有人知道为什么吗？或者我该怎么做才能得到我想要的结果。

非常感谢。 我来自萨尔瓦多，对不起我的英语不好