2014-10-11 15 views
0

下面是jquery代碼中高滑塊彈出窗口的部分 - hs.htmlExpand()。我想能夠動態調整彈出窗口的大小。如果這是不可能的,也許自動調整大小會適用於我。我想動態調整大小的原因是因爲彈出窗口中的文本也會動態改變。如何使用jquery動態調整從Highchart圖形中調用的高滑動窗口?

point: { 
    events: { 
    click: function() { 

      hs.htmlExpand(null, { 
       pageOrigin: { 
        x: this.pageX, 
        y: this.pageY 
       }, 
       headingText: 'Error Rate', 
       maincontentText: 'test', 
       width: 220 
      }); 
    } 
    } 
}, ... 

這裏是工作提琴:http://jsfiddle.net/e2qpa/1200/

我所遇到下面的代碼Highslide文檔中,但我不知道如何在這種情況下使用它:

void hs.Expander.prototype.resizeTo (int width, int height) 
void hs.Expander.prototype.reflow() 

回答

1

如果您致電hs.getExpander(),它將返回最後打開的擴展器。然後你可以使用:

var ex = hs.getExpander(); 
ex.resizeTo(600,600); 

reflow()有更新的內容行之有效:

var ex = hs.getExpander(); 
ex.maincontent.innerHTML = "alkdfjalkdjf<br/>laksjdflaksjdf<br/>asjkdf<br/>lajkdf<br/>asjkdfl<br/>aksjdflkasjdflk<br/>ajsdfl<br/>kjasdfl<br/>kjasdfkl"; 
ex.reflow(); 

here

+0

正是我需要加上回流()。非常感謝。你太棒了! – 2014-10-11 20:03:05