Question

我有以下的boostrap popover，它在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

我们可以使用bootstrap popover事件并在点击时切换弹出窗口。

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

Bootstrap Popover无法在IE10中运行

2 个答案: