[問題] UI tab中放置圖表切換會失效

作者: a83294 (馬岱)   2014-01-21 08:30:42
我在網頁中用了一個Jqeury UI的Tab http://jqueryui.com/tabs/#bottom
目前畫面預計是呈現這樣
1.小白 <-點選上面的人
2.小明 下面的Tab便會Ajax顯示他的
3.小彥 國文成績 英文成績 數學成績
4.小耘
┌───────────┐
│ │ <-下面預設開啟第一個Tab為國文
│ │ 要用切換Tab才能看到英文,數學
│ │
Tab*3-> ╘═══────────┘
目前只是表格數字的話沒有問題,可是如果要在Tab中間擺上圖表
我是用這個 http://www.highcharts.com 的折線圖
只有一開啟的國文圖表是正常的,切換Tab的話英文,數學都出不來空白
而且如果是切換上面的人,下面整個Tab的UI就炸掉,變成空白一片...
請問要怎麼樣用才不會失效呢...? 謝謝!
作者: bbcust (bbcust)   2014-01-21 14:58:00
大概是tag或class衝突 試試在tab的content內用iframe看看你有測試過沒用tab是正常的嗎? 也許一開始就有錯誤了
作者: qwer820404 (GB2)   2014-01-21 20:03:00
我是用.net 的tab 跟highchart 在no postback的情況是正常的

Links booklink

Contact Us: admin [ a t ] ucptt.com