Question

我希望在离子中显示像弹出式工具一样的弹出式文本。所以我正在使用Tooltipster tooltipster这是我的代码：

.directive('tooltip', function () {
    return {
        restrict: 'C',
        link: function (scope, element, attrs) {
            if (attrs.title) {
                var $element = $(element);
                $element.attr("title", attrs.title)
                $element.tooltipster({
                    theme: 'tooltipster-default',
                    animation: attrs.animation,
                    trigger: "click",
                    position: "top",
                    positionTracker: true,
                    maxWidth: 500,
                    autoClose: true,
                    contentAsHTML: true
                });
            }
        }
    };
})

现在，我不能在一段时间后隐藏自动。我正在使用example。任何人都可以帮忙关闭。我也尝试以下方法：

$element.tooltipster('hide');
$element.tooltipster('destroy');

Answer 1

您可以在结束前尝试使用计时器（以毫秒为单位）事件工具提示，更多信息here

.directive('tooltip', function () {
    return {
        restrict: 'C',
        link: function (scope, element, attrs) {
            if (attrs.title) {
                var $element = $(element);
                $element.attr("title", attrs.title)
                $element.tooltipster({
                    theme: 'tooltipster-default',
                    animation: attrs.animation,
                    trigger: "click",
                    position: "top",
                    positionTracker: true,
                    maxWidth: 500,
                    timer:500,
                    autoClose: true,
                    contentAsHTML: true
                });
            }
        }
    };
})

如何自动隐藏工具提示器

1 个答案: