Bootstrap 4 - 按钮上的下拉菜单和工具提示？

Question

有没有办法指定按钮既作为下拉触发器又作为工具提示源？

我已经能够让它做其中一个,但不是两个.我的下面的代码用作下拉列表,但是如果我data-toggle="dropdown"在工具提示之前重新定位到,那么它会呈现工具提示:

<button class="btn btn-sm dropdown-toggle"
            data-toggle="tooltip" data-toggle="dropdown"
            data-placement="bottom"
            title="Test Tooltip">

Answer 1

您可以通过任何属性,ID或类初始化工具提示,以避免与下拉列表交叉.

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-toggle-second="tooltip" data-placement="right" title="Tooltip on right">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

$('[data-toggle-second="tooltip"]').tooltip();

https://www.codeply.com/go/aFEQgHs1sC