简体   繁体   English

JavaScript工具提示意外的文字换行(Tooltipster)

[英]Javascript tooltip unexpected text wrapping (Tooltipster)

I'm using the javascript library tooltipster and I don't know why the text is wrapping in the tooltip box. 我正在使用javascript库工具提示 ,但不知道为什么文本会在工具提示框中自动换行。

在此处输入图片说明

HTML: HTML:

<div id="spanBackground" style="background: rgba(238, 0, 140, 120);" 
 class="tooltipjs" title="Touch to interact">

Javascript: Javascript:

function AnimateUpDown(toolTipElement) {
        $(toolTipElement).animate({ top: '+=20' }, 1000);
        $(toolTipElement).animate({ top: '-=20' }, 1000, AnimateUpDown);
    }

    $(document).ready(function () {
        $('.tooltipjs')
            .tooltipster(
            {
                animation: 'grow',
                arrow: false,
                //Custom trigger effectively disables the default onhover trigger
                trigger: 'custom',
                functionReady: function (instance, helper) {
                    AnimateUpDown(helper.tooltip);
                }

            });
        toolTipOpenAndClose();
    });

There is an open issue about that, that's the first place to check. 有一个未解决的问题,这是第一个要检查的地方。 Should be fixed in a few days. 应该在几天内修复。 https://github.com/iamceege/tooltipster/issues/600 https://github.com/iamceege/tooltipster/issues/600

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM