2015-06-04 2 views
1

Я просматриваю документацию Twitter Bootstrap, и я заинтересован в том, чтобы внедрить непоправимый popover при нажатии кнопки. Вот пример из документации Bootstrap в:Bootstrap Popover: iOS Safari странное поведение

http://getbootstrap.com/javascript/#dismiss-on-next-click

При нажатии на кнопку «неотстранимый поповер» из моего OS X Safari браузера работает нормально. Но когда я получаю доступ к той же ссылке выше из iOS Safari, кнопка не работает. То есть, popover не отклоняется при нажатии.

Почему эта кнопка не работает с iOS Safari?

+0

Является ли это дубликат http://stackoverflow.com/questions/30626171/bootstrap-popover-dismiss-on-click-works-fine-in-desktop-browser-but-not-in-mob ? RQ = 1? Существует потенциальное решение об отказе от всплывающего окна. – natevw

ответ

0

В примере, в котором вы ссылаетесь, используется атрибут data-trigger="focus". Попробуйте изменить его на data-trigger="click".

<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="click" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a> 
+0

Я сделал, но тогда это не сделало бы того, что я хочу с ним. Способ, которым я хочу, чтобы он работал, - это когда пользователь нажимает в любом месте на экране сафари iOS, всплывающее окно отклоняется. –

+0

добавить 'tabindex =" 0 "' (и прирастить по мере необходимости), а затем 'data-trigger =" focus "' должен работать. В документах «Для правильного кросс-браузера и кросс-платформенного поведения вы должны использовать тег , а не тег

+0

Это не работает на iOS –

Смежные вопросы