『「JQUERY UI Tab」と「jCarousel 」を併用する場合のバグ』

ｊCarousel を複数個作って、JQUERY UI Tab でタブ切り替えにしたら、不具合が生じた。 【現象】 tabを切り替えると、ｊCarouselの中身が正常に表示されない。 【原因】 jquery.ui.tabs.css .ui-tabs .ui-tabs-hide { display: none; } 【解決方法】 slider, Google Map, sIFRなどを非アクティブなタブに置くと動作しない 初期化時にサイズの判定を必要とするコンポーネントを隠れたタブコンテンツ内に置くと動作しない。タブパネルはdisplay: noneによって隠されており、中身は正しいwidth、heightを返さない（多くのブラウザでは0になる）。 簡単な回避方法がある。off-leftテクニックを使用し、".ui-tabs .ui-tabs-hide"セレクタのルールを変更する。 .ui-