jquery-ui - jqueryuiタブ内のOpenlayers

Question

jquery uiタブ内でOpenlayersを使用したいのですが、「サイズがnullです」というエラーが発生します。

Answer 1

同じ問題がありました。jquery tabsとproblems-with-google-maps-api-v3-jquery-ui-tabsで説明されています。

私がやったこと：私のjquery-ui-1.7.1.custom.css（最新のものは1.8.2）で次の行を見つけます：

.ui-tabs .ui-tabs-hide { display: none !important; }

次のように変更します。

.ui-tabs .ui-tabs-hide { position: absolute;
        left: -10000px; }

Answer 2

私がやったこと：

// Get hidden tabs content
var $cache = $(".ui-tabs-hide");

// Make them visible
$cache.removeClass("ui-tabs-hide");

// Initialize your map here
...

// Re-hide the tabs content
$cache.addClass("ui-tabs-hide");