Question

我正在使用bootstrap popovers。页面上有很多弹出窗口，其中一个popover，我不想显示标题，当我不给Title时，它仍然显示标题所在的区域。在How do you disable the title in Twitter Bootstrap's popover plugin?

上找到答案

但是不能给css：display：none 到popover-title类，因为那样也会隐藏所有其他popovers的标题。

这样做的正确方法是什么？提前谢谢。

Answer 1

谢谢..通过覆盖模板来实现它

showpopover=function(message,context){
    var popover_message="<div>"+message+"</div>";
    //$(a).hide();
    $popover=$(context).popover({ placement:"bottom",trigger:"hover",template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-content"><p></p></div></div></div>',content:popover_message}).popover('show'); 
};

我如何调用函数在这里：

html = html + "<td onmouseover=\"showpopover('"+main_image_data['score_reason']+"',this)\"><center>"+main_image_data['bonus']+"</center></td>";

有效：）

Answer 2

您可以使用公认的未记录的模板选项为弹出窗口指定模板。这是在您发布的问题的答案之一（不是已接受的答案）中描述的。如果它仅用于页面上的一些弹出窗口，我会使用此方法。

编辑：这当然有一些缺点：更新bootstrap意味着确保你的模板仍然适合，这正是没有记录这个选项的原因（我想）。

没有标题的Bootstrap popover

2 个答案: