[问题] 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