工具提示未在模态内设置

Question

我正在尝试在模式中设置工具提示，但只显示标题。

显示模态但没有任何反应时，我已经尝试设置工具提示。

$(ele).on('shown.bs.modal', function () {
   $('[data-toggle="tooltip"]').tooltip();
});

按钮是这样的：

<button class="btn btn-primary btn-select2" data-toggle="tooltip" type="button" data-placement="top" title="Selecionar todos"><i class="fas fa-check-double"></i></button>

到目前为止，甚至标题都显示了。

因此，我有一个函数，每次打开模态时，它都会进行查找以查找这些按钮（以执行其他操作），但是我再次插入了title，data-original-title和{{ 1}}，就像这样：

tooltip

此后，标题开始显示为图像，但工具提示未成功。有解决办法吗？

编辑： 这是插入到模式框中的按钮的HTML

$('modal').find('.btn-select2').each(function() {
    $(this).attr('title', 'Selecionar Todos');
    $(this).attr('data-original-title', 'Selecionar Todos');
    $(this).data('placement', 'top');
    $(this).tooltip();
});

在文件末尾，我输入：

<div class="form-group">
    <label>Cargos</label>
    <div class="input-group input-group-select2">
        <select name="charges[]" class="form-control select2" multiple>
            @foreach($charges as $charge)
            <option value="{{$charge->id}}">{{$charge->name}}</option>
            @endforeach
        </select>    
        <div class="inpt-group-append">
            <button class="btn btn-primary btn-select2" data-tooltip="tooltip" data-toggle="tooltip" type="button" data-placement="top" title="Selecionar todos"><i class="fas fa-check-double"></i></button>
        </div>    
    </div> 
</div>

并有一些使用函数打开的模式，标题显示在这些模式中，而工具提示没有显示。在仅使用$(function () { $('[data-toggle="tooltip"]').tooltip(); $('.modal').on('shown.bs.modal', function () { $('[data-toggle="tooltip"]').tooltip(); }); $('.btn-select2').tooltip(); }); 打开的其他模式中，甚至显示标题。这是该函数的代码：

data-toggle