Ошибка Twitter Bootstrap Popover/Tooltip с мобильными устройствами?

Я работаю с Twitter Bootstrap и столкнулся с проблемой, которую не смог исправить при тестировании на iPad. и айфон. На мобильных устройствах (по крайней мере те устройства ), которые нужно щелкнуть, чтобы задействовать подсказку или всплывающее окно (, как и ожидалось ). Проблема в том, что вы никогда не сможете закрыть его, как только вы это сделаете. Я добавил прослушиватель, чтобы закрыть его, если вы щелкнете его снова, но мне трудно поверить, что поведение по умолчанию не будет состоять в том, чтобы щелкнуть, чтобы удалить его. Это ошибка в всплывающей подсказке и всплывающей подсказке Bootstrap ?? Мой код ниже -кажется, что он работает, но ТОЛЬКО если вы нажмете тот же элемент, который создал подсказку или всплывающее окно -нигде на странице (, не сможет заставить это работать ).

Код для активации:

$(function () {
    //Remove the title bar (adjust the template)
    $(".Example").popover({ 
        offset: 10,
        animate: false,
        html: true,
        placement: 'top',
        template: '<div class="popover"><div class="arrow"></div><div class="popover-inner"><div class="popover-content"><p></p></div></div></div>'
        //<h3 class="popover-title"></h3>
        //Need to have this click check since the tooltip will not close on mobile
        }).click(function(e) {
            jQuery(document).one("click", function() {
                $('.Example').popover('hide')
        });   
    });
});

HTML:

<a href="javascript:void(0);" class="Example" rel="popover" data-content="This is the Data Content" data-original-title="This is the title (hidden in this example)">

Заранее спасибо!

Dennis

15
задан Dennis 9 May 2012 в 17:34
поделиться