Bootstrap Popover не работает в IE10

Question

У меня есть следующий popover 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

Мы можем использовать события попсового загрузчика и переключать всплывающие окна при нажатии.

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');
    });
}

Answer 2

Исправлено путем обновления до jQuery Validation 1.14.0 из jQuery Validation 1.8.1