如果我使用调试器，Bootstrap popover不起作用，但同样有效

Question

HTML代码

  <button id="btnDeviceTypePop" type="button" data-toggle="popover" data-placement="right" class="btn btn-info btn-xs" title="DeviceType">?</button>

Javascript代码

$(document).ready(function () {
    var resultSet = { WEB: 1, PCMAC: 2, IOS: 3, ANDROID: 4, BLACKBERRY: 5, WINDOWS: 6, OTHER: 7, MAC: 8, Kindle: 9 };
    var popContent = "";
    for (var key in resultSet) {
        // check if the property/key is defined in the object itself, not in parent
        if (resultSet.hasOwnProperty(key)) {
            popContent += "<div class='popover-seperator'>" + key + "</div>";
        }
    }
    $("#btnDeviceTypePop").popover({
        html: true,
        content: function () {
            return popContent
        },
    }).on('click', function () {
        $(this).popover('toggle')
    });

});   

当我在弹出功能的Javascript代码中使用调试器时，popover正在工作，如下图所示。但是，如果我在没有调试器的情况下单击按钮，那么它就无法正常工作。不知道发生了什么事。任何帮助表示赞赏。谢谢！

Output when I use debugger

Debugger