jquery - Bootstrap Popover 在 IE10 中不起作用

Question

我有以下 boostrap 弹出窗口，它适用于 firefox 和 chrome，但似乎不显示在 IE10 中？

<div class="form-group">
    <label for="car">Car</label>
    <select class="form-control js-popover-trigger" data-trigger="focus" id="car" name="car">
       <option value="">Please Select</option>
       <option value="BMW">BMW</option>
       <option value="Audi">Audi</option>
       <option value="VW">VW</option>
    </select>
</div>

<div id="popup-content" style="display: none;">
    <div>Some content...</div>
</div>

我的jQuery调用：

$(function () {
    $('.js-popover-trigger').popover({
        html: true,
        content: function () {
            return $('#popup-content').html();
        }
    });
});

Answer 1

通过从 jQuery Validation 1.8.1 升级到 jQuery Validation 1.14.0 修复

Answer 2

我们可以使用引导弹出框事件并在单击时切换弹出框。

var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");

if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))  
{
    $('html').click(function (e) {

        var attr = $(e.target).attr('data-toggle');
        if (typeof attr === typeof undefined || attr === false) {
            $('a[data-toggle=popover]').popover('destroy');
        }                            
    });

    $('a[data-toggle=popover]').click(function () {
        $('a[data-toggle=popover]').popover('destroy');
        $(this).popover('show');
    });
}