如何为bootstrap中的链接设置多个数据切换？

Question

我有一个链接,我想为它设置一个bootstrap工具提示,我希望它也显示一个bootstrap模式.要显示模态,代码是这样的:

<a href="#myModal" role="button" data-toggle="modal">Show</a>

以下是制作引导工具提示:

<a data-placement="right" data-toggle="tooltip" rel="tooltip" data-original-title='Hello' href="#"></a>

现在如何组合它.Combine意味着有一个显示模态的链接,也有一个bootstrap工具提示？

Answer 1

我发现了这个问题:

<a href="#myModal" role="button" data-toggle="modal" rel="tooltip" data-original-title='Hello'>Show</a>

就这样.

Answer 2

我宁愿使用这样的包装元素:

<span data-placement="right" data-toggle="tooltip" title="Hello">
    <a href="#myModal" role="button" data-toggle="modal">Show</a>
</span>

这对我来说似乎更直截了当.看到这个bootply:http://www.bootply.com/zqJRSAjSuQ

Answer 3

U可能还需要初始化它:我需要在页面底部初始化它.

        $("[rel='tooltip']").tooltip();

Answer 4

你不需要使用工具提示的"数据切换",你可以改变你想要的,例如"data-tt":

<a href="#myModal" role="button" data-toggle="modal" data-tt="tooltip" title="hi">Show</a>

并在javascript中初始化:

$("[data-tt=tooltip]").tooltip();

Answer 5

向元素添加数据属性:

<a data-toggle="modal" data-hover="tooltip" title="Click to Open" data-placement="right" href="#"></a>

并在javascript中初始化:

$("[data-hover='tooltip']").tooltip();