当鼠标悬停在带有uib-tab的选项卡上时显示工具提示？

我有一个HTML/Bootstrap问题。我有一组使用Angular Bootstrap（UI Bootstrap）上的uib-tabset指令显示的选项卡。我想要显示一个工具提示，当标签被禁用时，将鼠标悬停在标签上时显示。任何人都有一个想法如何做到这一点？下面是HTML（我真的不知道把哪些操作，这是很简单的）：当鼠标悬停在带有uib-tab的选项卡上时显示工具提示？

<uib-tab disable="isBracketdisabled"> 
    <uib-tab-heading> 
     I AM A HEADING 
    </uib-tab-heading> 
</uib-tab>

如果有人可以帮助我会非常感激。谢谢！

来源

2017-04-18 amacdonald

只需使用tooltip-enable选项只显示当你的条件满足时提示的uib-tooltip指令适用于您的标签：

<uib-tab uib-tooltip="text" tooltip-enable="isBracketdisabled" 
    tooltip-class="customClass" disable="isBracketdisabled">

在问候您的意见，您可以通过使用tooltip-class属性应用自定义样式并传入一个自定义类。然后你可以在你的css中按照你的喜好来设计它：

.tooltip.customClass { 
    z-index: 1000 
}

来源

2017-04-18 23:05:33

哈，哇。我绝对是在推翻这一点。快速的问题，但是，任何想法如何调整工具提示的CSS？我遇到了Z-index问题。谢谢！ – amacdonald

@amacdonald这是一个单独的问题，但我很乐意回答。我已经更新了我的答案。 –

谢谢！问题解决了！ – amacdonald

当鼠标悬停在带有uib-tab的选项卡上时显示工具提示？

回答

相关问题