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