由于蓝色很可能是由样式表类的更改控制的，所以只需找到该类中的元素并应用弹出窗口即可。我在www.example.com网格上使用mouseover事件完成了这datatables.net一操作（在createdRow方法中，我向行添加了'someclass'，以将它们与页面上的其他TDS区分开来）。

function setPopover() {

    $('.someclass').on('mouseenter', function (e) {
        $('.someclass').not(this).popover('destroy');
        var InstId = $(this).find("td:first-child").html();
        var InstName = $(this).find("td:first-child").next("td").html();
        if (!$(this).data("bs.popover")) {

            $(this).popover({
                placement: 'right',
                trigger: 'manual',
                html: true,
                title: InstName,
                content: function () {
                    return $.ajax({
                        url: '@Url.Action("ControllerMethod", "Controller")',
                        data: { id: InstId },
                        dataType: 'html'                            
                    }).responseText;
                }
            });

        }

        $(this).popover('show');
    });
}

要使用JavaScript创建新的弹出窗口，可以使用popover()函数。
要确定哪一天已经安排了会议，我们可以添加一个自定义的data-booked属性。
选择器$('[data-booked="true"]')是一个属性选择器，将只显示该特定按钮的弹出窗口。
如果您单击已预订日期（今天）的按钮，您将看到弹出窗口，但如果您单击其他按钮，则不会显示任何内容，因为该日期尚未预订。

var times = ["8:00", "9:00", "10:00", "11:00", "12:00", "1:00"];

function randomTime() {
    return times[Math.floor(Math.random() * times.length)];
}

$('[data-booked="true"]').popover({ 
  html: true,
  title: "<span class='booked'>This is booked</span>", 
  content: "Meeting at " + randomTime() 
});

.button-group {
  margin: 50px;
}

.booked {
  background: blue;
  color: white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>

<div class="button-group">
  <button data-booked="true" class="btn btn-success" id="today">Today</button>
  <button data-booked="false" class="btn btn-warning" id="tomorrow">Tomorrow</button>
</div>