2012-06-30 82 views
0

我試圖複製亞馬遜,旅行顧問等正在做的事情,並顯示一個工具提示類型的接口,當懸停在平均評分以顯示條形圖格式的分數細分 - 在qtip論壇上它說使用Flot(我第一次使用它通常使用谷歌圖表),但是當我把它放在工具提示之外時,圖表呈現在頁面上很好,只要我把它放在它裏面,它就不起作用。flot在jquery qtip中?

我的頁面是:http://solicitor.info/demo/solicitors/?id=15

誰能請看到我做錯了什麼?

回答

1

當我打你的網頁,我得到一個JavaScript錯誤:

Uncaught Invalid dimensions for plot, width = null, height = null 

我猜它試圖渲染的情節,而「佔位」的div仍然隱藏在裏面qtip。

我會嘗試將$.plot調用移入qtip onShow回調。這樣你就可以確定div在顯示劇情之前就已經顯示出來了。

+0

顯然,@ user759542,你應該在你的問題中告訴我們,你會得到一個明顯的相關錯誤:) – Ryley

+0

對不起,你能解釋一下這個請進一步嗎? Javascript並不是我最強烈的要點:(並且感謝Ryley,注意到 – user759542

+1

當你調用javascript來渲染圖時,佔位符div(將繪製圖的地方)是一個「隱藏」元素(它具有顯示: none)。由於它實際上並沒有在屏幕上顯示,所以它沒有寬度和高度.Flot需要它存在並且設置了這些屬性。 – Mark