引導提示並不在我的DIV

Question

這項工作可能只是與我如何設置頁面做的，但這裏有雲：

我想申請白手起家默認提示一些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); 
    }); 
} 

現在的HTML出來就好了，但實際的提示似乎是默認的窗口之一：

而且我測試過該提示在所有的工作。我有一個模式窗口，在這裏，他們的工作只是罰款：

這裏是圓的造型：

.status-circle { 
    width: 30px; 
    height: 30px; 
    text-align: center; 
    padding: 6px 0; 
    font-size: 12px; 
    /* Don't question it */ 
    line-height: 1.428571429; 
    border-radius: 15px; 
    -webkit-transform: translate3d(0, 0, 0); 
} 

Answer 1

呼叫$('[data-toggle="tooltip"').tooltip();你附加數據等之後：

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

這是因爲，您正在動態插入HTML內容，並且您的呼叫已完成引導程序tooltip()功能在這之前，工具提示沒有被初始化爲新的元素。