如何在引导程序中为链接设置多个数据切换？|jquery问答

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

<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 所有，欢迎分享本文，转载请保留出处！