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

看板Ajax作者 (馬岱)時間11年前 (2014/01/21 08:30), 編輯推噓1(103)
留言4則, 2人參與, 最新討論串1/1
我在網頁中用了一個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就炸掉,變成空白一片... 請問要怎麼樣用才不會失效呢...? 謝謝! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.121.146.39

01/21 14:58, , 1F
大概是tag或class衝突 試試在tab的content內用iframe看看
01/21 14:58, 1F

01/21 14:58, , 2F
你有測試過沒用tab是正常的嗎? 也許一開始就有錯誤了
01/21 14:58, 2F

01/21 20:03, , 3F
我是用.net 的tab 跟highchart 在no postback的情況
01/21 20:03, 3F

01/21 20:03, , 4F
是正常的
01/21 20:03, 4F
文章代碼(AID): #1ItR-tYB (Ajax)
文章代碼(AID): #1ItR-tYB (Ajax)