没有标题的引导弹出窗口答案

【问题标题】：Bootstrap popover without title没有标题的引导弹出窗口
【发布时间】：2013-08-28 15:02:04
【问题描述】：

我正在使用引导弹出框。页面上有很多弹出框，在其中一个弹出框中，我不想显示标题，当我不提供标题时，它仍然显示标题所在的区域。在How do you disable the title in Twitter Bootstrap's popover plugin?找到答案

但不能给 css : display:none 到 popover-title 类，因为这也会隐藏所有其他弹出窗口的标题。

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

【问题讨论】：

显示您的确切代码或类似示例.. 没有它就无法猜出问题所在:)
@davidkonrad 我认为没有代码就很清楚了。将css规则添加到popover-title类会影响页面上的所有弹出框，但他只想从一个弹出框中删除标题。
@Paulpro，是的 - 但如果我没有在弹出元素上定义 data-title，标题不会显示！（甚至不是空标题，正如预期的那样）所以他的代码肯定有其他事情发生
@davidkonrad ，但是当我没有定义标题时，它仍然显示空间.. 通过覆盖模板解决了问题：放置：'right'，内容：''，模板：'

'
嘿@user2688204 - 太棒了！您应该考虑在下面回答您自己的问题（在此处描述您的解决方案）并将其标记为已接受。这将是完美的。其他人可能会从您的努力中受益，并且可能会在他们搜索答案时支持您的答案..

标签： javascript jquery css twitter-bootstrap

【解决方案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>";

它有效:)

【讨论】：

你改了哪个文件？

【解决方案2】：

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

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

【讨论】：

好答案！但实际上不应该是必要的，因为标题/没有标题已经在引导中处理，基于data-title 属性。
事实上，这是真的，我同意，这已经在 OP 链接到的问题的答案中提到，所以我认为他要么使用较旧的引导版本，要么他的代码中的某些东西弄乱了... 不知道。然而，有很多方法可以使用引导程序，例如像我现在正在做的那样将它与淘汰赛集成，并且在那里事情可能变得不明显。我还得弄乱模板才能得到我想要的一切。
是的，同意。这正是我寻找一些代码/示例的原因，以更好地找出问题所在:) 一般来说，我觉得关于“引导程序”存在一些标签混淆，其中引导程序/推特引导程序/引导程序 v3 通常被标记为相似。