在jquery poshytip中调整字体大小

时间:2012-08-23 09:20:19

标签: jquery popup mouseover font-size

我有鼠标悬停的问题,其设计如下:

// Function to make poshytip table
    function maketip1(t) {
        // console.log(d)
        var d= t.properties.ID
        var num = 1
        var region_name = allData.metadata.region_names[d]
        var metric_name = allData.data[d][current_settings.surveys[num]][current_settings.variables[num]].name
        var value = String(allData.data[d][current_settings.surveys[num]][current_settings.variables[num]].value*100).substring(0,5)
        var table = '<table><tr><td><u><b>' + region_name + '</b></u></td><tr><td><u>' + metric_name + ': </u></td><td>' + value + '</td></tr></table>'
        return table;
    }

// Make poshytips pop up for reg-path1 class
    $('.reg-path1').poshytip({
        content: function() {
            return maketip1(this.__data__); 
        },
        className: 'tip-ihme',
        slide:      false,
        followCursor:   true,
        alignTo:    'cursor',
        alignX:     'center'
    });

我尝试将以下参数传递给.poshytip调用,没有任何更改:

fontSize = 25
fontSize = '25'
fontSize = '25px'

我还尝试创建一个与.poshytip调用中的className参数对应的css类:

.tip-ihme {
    font-size: 25px;
}

如何调整弹出的正片中的字体大小?谢谢,

1 个答案:

答案 0 :(得分:1)

在返回的表格中,在html代码之前包含以下标记:

<font size=3>

在这种情况下:

var table = '<font size=3><table><tr><td><u><b>' + region_name + '</b></u></td><tr><td><u>' + metric_name + ': </u></td><td>' + value + '</td></tr></table>'