Touch Friendly Tooltip

Кто-нибудь знает подсказку для JQuery, которая включает решение для мобильных устройств? Поскольку состояние Hover не работает, я предполагаю, что мне нужно что-то, что также работает при нажатии. Может быть, он ведет себя как модальный ящик при нажатии? Просто выбросьте сюда. Не уверен, что будет лучшим решением.

- Обновление -

Мне очень понравилось решение @Alveoli, но я в конечном итоге сам ударил его. Я использовал qTip в качестве моей базы и написал код Frankenstein'd для создания как удобных для подсказки подсказок, так и мобильных мобильных модальных коробок. Любая помощь, оптимизирующая код, будет с благодарностью оценена. Вот скрипка... http://jsfiddle.net/cssguru/NQRBT/

Ответ 1

Я ищу то же самое и нашел это элегантное решение:

http://osvaldas.info/blog/elegant-css-and-jquery-tooltip-responsive-mobile-friendly

Бонус - это то, что на мобильном устройстве он "прилипает", когда вы касаетесь его и исчезаете, когда вы снова его касаетесь.

Ответ 2

Вы можете использовать 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

Я пытался попробовать приложение, и его всплывающие подсказки ленивы загружены. Например, в пользовательском интерфейсе отображается кнопка "Отправить", а затем через 3 секунды надпись "Сумитировать данные на сервере" отображается в виде подсказки под кнопкой "Отправить".

Учитывая, что новым пользователям всегда требуется больше времени для выполненных действий, я считаю, что это хороший способ реализовать всплывающую подсказку. Старшие пользователи не будут беспокоиться, пока свежие пользователи могут увидеть подсказку через некоторое время.