0

次のブーストラップ ポップオーバーがあります。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();
        }
    });
});
4

2 に答える 2

0

ブートストラップ ポップオーバー イベントを使用して、クリック時にポップオーバーを切り替えることができます。

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');
    });
}
于 2016-04-13T09:57:31.867 に答える
0

jQuery Validation 1.8.1 から jQuery Validation 1.14.0 にアップグレードすることで修正されました

于 2015-07-27T15:24:13.493 に答える