JavaScript

Question

我有一个 tooltip 字符串生成器行，如下所示：

    scheduler.templates.tooltip_text = function(start,end,event)  
    {
        return "<strong style=\"font-size:16px;\"><a href=\"https://www.somewebsitethatshowsmoredetails.com/details:"+event.IMO+"/something:"+event.text+"\" target=\"_blank\">"+event.text+"</a></strong>"+" "+event.BubbleCode+
            "<ul><li><strong>.....and other html injection here"
    };

工具提示，显示 URL link 和一些从 'event' 对象提供的数据。

其中一个详细信息是 'event.BubbleCode'，它在任何时候都有一个值，数字 0、1、2 或 3。

有没有办法在上面的字符串行中放置 switch() 语句或某些逻辑，将 BubbleCode 值转换为星号等彩色字符？

类似这样...但是如果“3”为绿色星号，或者如果它的值为“2”则为红色星号。

Answer 1

您可以使用跨度并设置其颜色。如果您的“开关”应该是内联的，只需使用一个对象并在 event.BubbleCode.

访问它

它可能看起来像这样：

    scheduler.templates.tooltip_text = function(start,end,event)  
    {
        return "<strong style=\"font-size:16px;\"><a href=\"https://www.somewebsitethatshowsmoredetails.com/details:"+event.IMO+"/something:"+event.text+"\" target=\"_blank\">"+event.text+"</a></strong><span style=\"color:" + {0:'black',1:'yellow',2:'red',3:'green'}[event.BubbleCode] + ";\">*</span>"+
            "<ul><li><strong>.....and other html injection here"
    };

JavaScript - 工具提示中的条件格式

JavaScript - conditional formatting within a tooltip

html

tooltip