Как скрывать popover в мобильном Safari?

Question

[rinatoptimus]

Поповеры появляются при ховере:

if ($('.js-travel-policy-popover_pass').length > 0) {
        $('.js-travel-policy-popover_pass').each(function (index, element) {
            var bid_id = $(element).data('bid-id');            
            var options = {},
                template_id = 'tpbid'+bid_id, // ID шаблона для всплывашки
                template = $('#' + template_id).html(),
                item_travel_policy = $(element).data('travel-policy');
            options.placement = 'auto';
            options.html = true;
            options.viewport = {'selector': $(this).closest('.container-fluid'), 'padding': 40}; // ограничиваем область проявления ближайшим .container-fluid
            options.template = '<div class="popover travel-policy-popover" role="tooltip"><div class="arrow"></div><div class="popover-content"></div></div>';
            options.trigger = 'hover';
            options.title = false;
            Mustache.parse(template_id);
            options.content = Mustache.render(template, item_travel_policy);
            $(element).popover(options);
        });
    }

Но на телефоне и планшете они появляются и после этого их невозможно убрать. Нашел такое решение. Добавил родителю onclick = "void(0)" и все заработало. По-моему, это костыль. Как грамотно заставить поповеры скрываться?
Не знаю, что за плагин использован, поповеры реализовывал не я.

Comments

[Антон]

Может их лучше вообще скрыть через медиа?

[rinatoptimus]

Антон, они тогда вообще не будут появляться, или вы что-то другое имеете в виду? Проблема такая: тапнул - поповер появился, а убрать его никак нельзя.

[Антон]

rinatoptimus, Именно. Как правило, не знаю как в Вашем случае, поповеры ничего сверх ценного не несут в себе, думаю, можно ради мобильного пожертвовать ими.

Это бутстраповский поповер.
Можно разделить скрипт по ширине экрана, от 320 до 1000(грубо говоря) пусть работает событие click, в остальном будет ховер.
Параметр trigger отвечает за событие