jquery ui 탭 내의 Openlayers

Question

jQuery UI에서 Openlayers를 사용하고 싶지만 오류가 발생합니다 : "size is null"!

Answer 1

같은 문제가있었습니다. jquery tabs 및 problems-with-google-maps-api-v3-jquery-ui-tabs에 설명되어 있습니다.

내가 무슨 짓을 :

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

과로 변경 :

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

내 JQuery와-UI-1.7.1.custom.css에 선을 찾아 (가장 최근에 1.8.2이다)

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");