Кто-нибудь знает подсказку для JQuery, которая включает решение для мобильных устройств? Поскольку состояние Hover не работает, я предполагаю, что мне нужно что-то, что также работает при нажатии. Может быть, он ведет себя как модальный ящик при нажатии? Просто выбросьте сюда. Не уверен, что будет лучшим решением.
- Обновление -
Мне очень понравилось решение @Alveoli, но я в конечном итоге сам ударил его. Я использовал qTip в качестве моей базы и написал код Frankenstein'd для создания как удобных для подсказки подсказок, так и мобильных мобильных модальных коробок. Любая помощь, оптимизирующая код, будет с благодарностью оценена. Вот скрипка... http://jsfiddle.net/cssguru/NQRBT/
Я ищу то же самое и нашел это элегантное решение:
http://osvaldas.info/blog/elegant-css-and-jquery-tooltip-responsive-mobile-friendly
Бонус - это то, что на мобильном устройстве он "прилипает", когда вы касаетесь его и исчезаете, когда вы снова его касаетесь.
Вы можете использовать jQuery UI Tooltip и убедиться, что всплывающая подсказка закрыта при любом касании на странице следующим образом:
initTooltip = function ($el) {
var closeTooltipOnClick = function (e) {
// This code if for touch devices only.
// We want to tooltip to close, when we touch
// anywhere on the page, except if we touch on
// the link itself.
if ($(e.target).closest($el).size()) {
// We just clicked on the link, so let's
// not close the tooltip.
return;
}
$('body').off('touchend', closeTooltipOnClick);
$el.tooltip('close');
};
$el.tooltip({
open: function () {
if (!Modernizr.touchevents) {
return;
}
// We make sure that the tootlip closes on
// touch devices if there is a touch event anywhere.
$('body').on('touchend', closeTooltipOnClick);
}
});
};
Я пытался попробовать приложение, и его всплывающие подсказки ленивы загружены. Например, в пользовательском интерфейсе отображается кнопка "Отправить", а затем через 3 секунды надпись "Сумитировать данные на сервере" отображается в виде подсказки под кнопкой "Отправить".
Учитывая, что новым пользователям всегда требуется больше времени для выполненных действий, я считаю, что это хороший способ реализовать всплывающую подсказку. Старшие пользователи не будут беспокоиться, пока свежие пользователи могут увидеть подсказку через некоторое время.