Touch Friendly Tooltip

Вы можете использовать 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 секунды метка «Отправить ваши данные на сервер» отображается в виде всплывающей подсказки под кнопкой «Отправить».

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