具有多个“数据切换”的自举控制
有没有办法通过“数据切换”将多个事件分配给自举控件？ 例如，让我们说我想要一个button，它有一个“工具提示”和“button”切换分配给它。
试过data-toggle =“工具提示button”，但只有工具提示工作。
编辑：
这很容易“变通”与
$("#newbtn").toggleClass("active").toggleClass("btn-warning").toggleClass("btn-success"); 如果你想添加一个模式和一个工具提示，而不添加JavaScript或改变工具提示function，你也可以简单地包装一个元素：
<span data-toggle="modal" data-target="#id"> <a data-toggle="tooltip" data-placement="top" title="My Tooltip text!">+</a> </span>
由于工具提示未自动初始化，因此可以在工具提示的初始化中进行更改。 我是这样做的：
$(document).ready(function() { $('body').tooltip({ selector: "[data-tooltip=tooltip]", container: "body" }); });
有了这个标记：
<button type="button" data-target="#myModal" data-toggle="modal" data-tooltip="tooltip" class="btn btn-info" title="Your tooltip">Text here</button>
注意data-tooltip 。
更新
或者干脆，
$('[data-tooltip="tooltip"]').tooltip();
还没。 不过，有人build议某人有一天会添加这个function。
下面的引导Github问题显示了你所希望的一个完美的例子。 这是可能的，但不是没有编写你自己的解决方法代码在这个阶段。
一探究竟… ：-）
我设法解决这个问题，而不需要改变任何标记与下面的一块jQuery。 我有一个类似的问题，我想要一个已经使用数据切换模式的button的工具提示。 所有你需要在这里做的是添加标题的button。
$('[data-toggle="modal"][title]').tooltip();
我刚刚实施的最佳解决scheme是：
HTML
<a data-toggle="tooltip" rel="tooltip" data-placement="top" title="My Tooltip text!">Hover over me</a>
JAVASCRIPT ，无论如何，无论你使用什么方法，都需要包括。
$('[rel="tooltip"]').tooltip();
只是补充@罗曼Holzner回答…
在我的情况下，我有一个button，显示工具提示，它应该保持禁用，直到进一步的行动。 使用他的方法，即使button被禁用，模式也能正常工作，因为它的调用在button之外 – 我在Laravel刀片文件中，只是为了清楚:)
<span data-toggle="modal" data-target="#confirm-delete" data-href="{{ $e->id }}"> <button name="delete" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Excluir Entrada" disabled> <i class="fa fa-trash fa-fw"></i> </button> </span>
所以如果你只想在button激活的时候显示模式，你应该改变标签的顺序：
<span data-toggle="tooltip" data-placement="bottom" title="Excluir Entrada" disabled> <button name="delete" class="btn btn-default" data-href="{{ $e->id }}" data-toggle="modal" data-target="#confirm-delete" disabled> <i class="fa fa-trash fa-fw"></i> </button> </span>
如果您想testing它，请使用JQuery代码更改属性：
$('button[name=delete]').attr('disabled', false);
当你打开标签上的模式，并希望显示工具提示，如果你在标签内实现工具提示，它会显示工具提示附近的标签。 喜欢这个
我会build议在标签外使用div，并使用“display：inline-block;”
<div data-toggle="tooltip" title="" data-original-title="Add" style=" display inline-block;"> <a class="btn btn-primary" data-toggle="modal" data-target="#myModal" onclick="setSelectedRoleId(6)"> <span class="fa fa-plus"></span> </a> </div>
我使用href加载模式，并为工具提示保留数据切换：
<a data-toggle="tooltip" data-placement="top" title="My Tooltip text!" href="javascript:$('#id').modal('show');" > + </a>
