如何在引导程序中为链接设置多个数据切换?

2020/12/31 23:51 · jquery ·  · 0评论

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

<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();

JsFiddle

向元素添加数据属性:

<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
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!