Jquery 引导工具提示没有'；我不能在我的沙发上工作

这可能与我如何设置页面有关，但下面是：

我正在尝试将引导默认工具提示应用于我得到的一些div元素。但由于某些原因，它不起作用。加载完我的页面后，我运行以下操作：

$(document).ready(function () {
    $('[data-toggle="tooltip"').tooltip();
    GetActivityAbstracts();
    CheckDatetimePickersValidity();
    CreateColumnDescriptions();
    CreateFilterDropdown();
});

需要受工具提示影响的内容在此函数中生成，如您所见，在上面被调用：

function GetActivityAbstracts() {
    $.getJSON("", function (testData) {
        var object = $.parseJSON(testData);
        var activityTable = '<tbody></tbody>';
        $.each(object, function () {
            var activityId = this['ActivityId'];
            var activityName = this['ActivityName'];
            var activityResponsible = this['Responsible'];
            var activityEstimatedSavings = parseFloat(this['EstimatedSavings']).toFixed(2);
            var activityEstimatedStart = this['EstimatedStart'];
            var activityEstimatedEnd = this['EstimatedEnd'];
            var activityStatus = this['Status'];
            // TODO: Make more user-friendly Status Descriptions instead of C# enum values.
            var tableElement =
                    '<tr>' +
                    '<td style = "vertical-align: middle; align: center;">'
                    + activityId + '</td>' +
                    '<td style = "vertical-align: middle;">' +
                    '<div class="status-circle" data-toggle="tooltip" data-placement="right"' +
                    'title=" ' + activityStatus + '" style="background-color:' +
                    GetColumnColor(activityStatus) + ';"></div></td>' +
                    '<td style = "vertical-align: middle;">'
                    + activityName + '</td>' +
                    '<td style = "vertical-align: middle;">'
                    + activityResponsible + '</td>' +
                    '<td style = "vertical-align: middle;">'
                    + activityEstimatedSavings + '</td>' +
                    '<td style = "vertical-align: middle;">'
                    + activityEstimatedStart + '</td>' +
                    '<td style = "vertical-align: middle;">'
                    + activityEstimatedEnd + '</td>' +
                    '</tr>';
            activityTable += tableElement;
        });
        $('#current-data-table').append(activityTable);
    });
}

在添加数据后调用

$（'[data toggle=“tooltip”）.tooltip（）；

，如：

$('#current-data-table').append(activityTable);
$('[data-toggle="tooltip"').tooltip();

---

这是因为，您正在动态插入HTML内容，对引导

tooltip（）

函数的调用在此之前完成，因此工具提示不会在新元素上初始化。

@Shashank Agrawal，您的代码在右方括号中缺失

更正：

$('#current-data-table').append(activityTable);
$('[data-toggle="tooltip"]').tooltip();

---

检查是否包含bootstrap.min.js文件？共享您的html内容以获得清晰性，并让他人帮助您！@AntonySUTHAKARJ如果

bootstrap.min.js

将丢失，代码将不会进一步执行，因为它将在第一行

$（“[data toggle=“tooltip”）中失败。tooltip（）

未定义的

不是一个函数

：-）啊，对了。我知道这与动态生成的内容有关哈。谢谢！

$('#current-data-table').append(activityTable);
$('[data-toggle="tooltip"]').tooltip();