代码之家 › 专栏 › 技术社区 › Sam

启动删除按钮上的多数据切换?

bootstrap-confirmation button twitter-bootstrap javascript

0

Sam · 技术社区 · 8 年前

我有一个bootstrap delete按钮,使用bootstrap-confirmation.js来获取popover。现在尝试在上面使用工具提示,但是由于确认js,工具提示不起作用。有人能解决这个问题吗?

这是我的纽扣

 <button class="btn btn-outline-danger btn-sm mr-2" data-toggle="confirmation" data-placement="top" data-toggle="tooltip">
     <i class="fas fa-trash"></i>
 </button>

这是我的javascript

$(function() {

  $('[data-toggle=confirmation]').confirmation({
       rootSelector: '[data-toggle=confirmation]',
       popout: true,
       btnOkClass: 'btn-success',
    });

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

2 回复 | 直到 8 年前

1

Sam 8 年前

我找到了一种方法来解决这个问题,我用SPAN包装了我的按钮图标,并给出了这个SPAN的工具提示。

<button class="btn btn-outline-danger btn-sm mr-2" data-toggle="confirmation" data-placement="top">
    <span data-toggle="tooltip" title="Delete series">
         <i class="fas fa-trash"></i>
    </span>
</button>

2

0

Barskey 8 年前

您还可以将选择器更改为其他选项:

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

然后在元素中改变它 data-tooltip="tooltip"