jQuery 如何在引导程序中为链接设置多个数据切换？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/18016851/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to set multiple data-toggle for a link in bootstrap?
提问by Hamid Reza
I have a link and I want to set a bootstrap tooltip for it and aI want it to show a bootstrap modal too. To show a modal the code is this:
我有一个链接，我想为它设置一个引导工具提示，我也希望它显示一个引导模式。要显示模态，代码是这样的：
<a href="#myModal" role="button" data-toggle="modal">Show</a>
And the following would make a bootstrap tooltip:
以下将成为引导工具提示：
<a data-placement="right" data-toggle="tooltip" rel="tooltip" data-original-title='Hello' href="#"></a>
Now how to combine it.Combine means having a link that shows modal and has a bootstrap tooltip too?
现在如何组合它。组合意味着拥有一个显示模态的链接并且也有一个引导工具提示？
采纳答案by Hamid Reza
I found the issue:
我发现了这个问题：
<a href="#myModal" role="button" data-toggle="modal" rel="tooltip" data-original-title='Hello'>Show</a>
Thats all.
就这样。
回答by F.L.
I would rather use a wrapping element like this:
我宁愿使用这样的包装元素：
<span data-placement="right" data-toggle="tooltip" title="Hello">
<a href="#myModal" role="button" data-toggle="modal">Show</a>
</span>
This seems more straightforward to me. See this bootply: http://www.bootply.com/zqJRSAjSuQ
这对我来说似乎更直接。看到这个引导：http: //www.bootply.com/zqJRSAjSuQ
回答by Deepak Yadav
U may also need to to initialize it : I needed to initialize it at bottom of page.
你可能还需要初始化它：我需要在页面底部初始化它。
$("[rel='tooltip']").tooltip();
回答by Marcos Furquim
you dont need use "data-toggle" for tooltip, you can change to you want, like "data-tt" for example:
您不需要使用“data-toggle”作为工具提示，您可以更改为您想要的，例如“data-tt”：
<a href="#myModal" role="button" data-toggle="modal" data-tt="tooltip" title="hi">Show</a>
And initialize in javascript:
并在 javascript 中初始化：
$("[data-tt=tooltip]").tooltip();
回答by mintedsky
Add a data attribute to the element:
为元素添加数据属性：
<a data-toggle="modal" data-hover="tooltip" title="Click to Open" data-placement="right" href="#"></a>
And initialize in javascript:
并在 javascript 中初始化：
$("[data-hover='tooltip']").tooltip();
回答by Gerardo Navarro Suarez
You might want to consider using a divinstead of a spanelement when the tooltip is misplaced ...
当工具提示放错位置时，您可能需要考虑使用 adiv而不是span元素...
Based on F.L.'s answer, this worked for me:
根据 FL 的回答，这对我有用：
<div data-placement="right" data-toggle="tooltip" title="Hello">
<a href="#myModal" role="button" data-toggle="modal">Show</a>
</div>
