我有一个链接,我想为其设置引导工具提示,我也希望它显示引导模式。要显示模式,代码是这样的:
<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意味着具有一个显示模式的链接并且也具有一个引导工具提示?
我发现了问题:
<a href="#myModal" role="button" data-toggle="modal" rel="tooltip" data-original-title='Hello'>Show</a>
就这样。
我宁愿使用这样的包装元素:
<span data-placement="right" data-toggle="tooltip" title="Hello">
<a href="#myModal" role="button" data-toggle="modal">Show</a>
</span>
对我来说,这似乎更直接。看到此启动程序:http : //www.bootply.com/zqJRSAjSuQ
您可能还需要初始化它:我需要在页面底部对其进行初始化。
$("[rel='tooltip']").tooltip();
您不需要使用“ data-toggle”作为工具提示,则可以更改为所需的名称,例如“ data-tt”:
<a href="#myModal" role="button" data-toggle="modal" data-tt="tooltip" title="hi">Show</a>
并在javascript中初始化:
$("[data-tt=tooltip]").tooltip();
向元素添加数据属性:
<a data-toggle="modal" data-hover="tooltip" title="Click to Open" data-placement="right" href="#"></a>
并在javascript中初始化:
$("[data-hover='tooltip']").tooltip();
当工具提示放错位置时,您可能要考虑使用adiv
而不是span
元素...
根据FL的回答,这对我有用:
<div data-placement="right" data-toggle="tooltip" title="Hello">
<a href="#myModal" role="button" data-toggle="modal">Show</a>
</div>
本文地址:http://jquery.askforanswer.com/ruhezaiyindaochengxuzhongweilianjieshezhiduogeshujuqiehuan.html
文章标签:html , jquery , twitter-bootstrap
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!
文章标签:html , jquery , twitter-bootstrap
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!
评论已关闭!