Javascript 我正在尝试从引导创建一个默认的popover

我正在为我的页面添加一些新功能，我希望使用引导工具提示，问题是我想要一个使用html的自定义工具提示，但我的代码不起作用。以下是我的JavaScript：

$("#container").popover({
    html: true,
    title: function() {
        return ("<div color='black'>" + title + "</div>");
    },
    trigger: 'hover',
    content: function() {
        return ("<div color='black'>" + text + "</div>");
    }
});

$（“#容器”）.popover({
是的，
标题：函数（）{
返回（“+title+”）；
},
触发器：“悬停”，
内容：函数（）{
返回（“+text+”）；
}
});

---

Title

和

text

是具有某些值的变量

下面是我做过/使用过的一个例子 以下是css：

 <style>
    .popover-title{
        background: #428bca;
        color:  #ffffff;
    }
</style>

---

这里发生的事情是在我的一个部门的一个地方有一个爆米花。5秒后它就出现了。15秒后它消失了。如果在页面上注册了单击，它也会消失。还有一种悬停方法

所以你想制作工具提示还是弹出窗口？：）对不起，一件府绸，谢谢汉克斯，我已经在展示府绸了，问题是它没有按照我想要的方式显示信息。。。你希望它是如何显示的？我希望它有黑色的字体，因为某些原因它总是白色的，如果我打开弹出窗口，我不能阅读任何东西，因为这一点。我只是想改变我的字体颜色，一直在尝试不同的事情，不能这样做。这是一个css的问题，然后我会编辑我的文章。另外，如果成功的话，也不要害怕在帖子旁边的向上/向下错误下打勾

<a rel="popover" id="test" data-color="yellow" title="My Title" data-placement="top"
                                data-content="Say something!" >

$(document).ready(function() {
    setTimeout(function(){$('#test').popover('show');},5000);
    setTimeout(function(){$('#test').popover('hide');},15000);
    $('body').click(function(e) {
        $('#test').popover('hide');
    });
    $('#test2').hover(function(){
                if ($("#popoverTrigger").next('div.popover:visible').length){
                    $('#test').popover('hide');
               }else{
                     timer1 = setTimeout(function(){$('#test').popover('show');},900);
                     timer2 = setTimeout(function(){$('#test').popover('hide');},4800);
                    }
               },
               function(){clearTimeout(timer1); clearTimeout(timer2); $('#test').popover('hide');
               });
});