2012-08-23 61 views
1

我有拿出鼠標懸停poshytips其設計如下:調整字體大小jQuery的poshytip

// 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' 

我也試圖使這相當於一個className參數在.poshytip調用CSS類:

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

如何調整彈出的poshytips中的字體大小?謝謝,

回答

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>'