无链接的引导工具提示

为了节省狭义表格单元格中的空间，我想使用引导工具提示来显示悬停时的额外内容。但是，工具提示在标签中使用：rel选项。我不需要链接，只需要它的选项......我不希望链接去任何地方。我曾经使用过：无链接的引导工具提示

link_to display.text, "#", :rel => "tooltip", ...blah..blah 
    link_to_function display.text, "#", :rel => ...blah...blah

两者都在一定程度上工作，但都返回到页面的顶部。

它可能使用链接的代码很臭，而链接并不是一个链接来获取其他功能。是否有轨道创建虚拟链接？是否有一个“批准”的方法来完成这个？

来源

2012-10-23 hellion

您可以初始化除锚点以外的其他元素的工具提示。试试span或div。

来源

2012-10-23 20:08:31 Sara

我有同样的需要添加工具提示元素，但我不希望它是一个标记。

我选择使用一个标签，而不是像这样：

<span class="glyphicons glyphicons-medicine pharmacy-icon" data-toggle="tooltip" data-placement="right" title="Pharmacy Tooltip"></span>

它将显示（医学上glyphicon徘徊时）消息：药房工具提示

如果你想走得更远一步，你可以即使风格的工具提示，但是你想要的，下面的代码块将如何改变它的造型：

.tooltip { 
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 5px); 
    .tooltip-inner { 
    background-color: white; 
    color: red; 
    } 
    .tooltip-arrow { 
    border-right-color: white; 
    } 
}

这将改变的背景颜色oltip和工具提示的箭头为白色，并带有红色文字和阴影。

如果你使用的引导确保包括下面的代码行，其中有史以来提示将用于：

$('.someClass').tooltip();

这将确保您使用的引导提示，而不是默认内置浏览器工具提示

来源

2017-06-12 13:06:43 ggomersall

无链接的引导工具提示

回答

相关问题