jquery-ui - jquery ui选项卡内的Openlayers

Question

我想在 jquery ui 选项卡中使用 Openlayers，但出现错误：“size is null”！

Answer 1

有同样的问题。它在jquery tabs和questions-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");