首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >具有多个“数据切换”功能的自举控制

具有多个“数据切换”功能的自举控制
EN

Stack Overflow用户
提问于 2013-05-06 23:49:47
回答 11查看 136.6K关注 0票数 169

有没有办法通过“数据切换”将多个事件分配给引导控件。例如,假设我想要一个具有“工具提示”和“按钮”切换的按钮。

尝试数据切换=“工具提示按钮”,但只有工具提示有效。

编辑:

这很容易通过以下命令“解决”

代码语言:javascript
复制
$("#newbtn").toggleClass("active").toggleClass("btn-warning").toggleClass("btn-success");
EN

回答 11

Stack Overflow用户

发布于 2014-01-22 10:58:19

由于工具提示不会自动初始化,因此您可以在初始化工具提示时进行更改。我是这样做的:

代码语言:javascript
复制
$(document).ready(function() {
    $('body').tooltip({
        selector: "[data-tooltip=tooltip]",
        container: "body"
    });
});

使用此标记:

代码语言:javascript
复制
<button type="button" data-target="#myModal" data-toggle="modal" data-tooltip="tooltip" class="btn btn-info" title="Your tooltip">Text here</button>

请注意data-tooltip

更新

或者简单地说,

代码语言:javascript
复制
$('[data-tooltip="tooltip"]').tooltip();
票数 79
EN

Stack Overflow用户

发布于 2015-07-06 16:03:17

我设法解决了这个问题,而不需要用下面这段jQuery更改任何标记。我遇到了一个类似的问题,我想要一个按钮上的工具提示,而这个按钮已经使用了数据切换模式。您需要做的就是将标题添加到按钮中。

代码语言:javascript
复制
$('[data-toggle="modal"][title]').tooltip();
票数 11
EN

Stack Overflow用户

发布于 2013-05-07 00:11:39

还没。然而,有人建议有一天有人添加这个功能。

下面的bootstrap Github问题显示了一个完美的示例,说明了您希望实现的目标。这是可能的,但在这个阶段,如果不编写自己的解决方案代码,这是不可能的。

看看这个。:-)

https://github.com/twitter/bootstrap/issues/7011

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16402390

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档