Openlayers à l'intérieur des onglets jquery ui

Question

Je veux utiliser Openlayers à l'intérieur des onglets de jquery ui mais j'ai une erreur: "size is null"!

Answer 1

Avait le même problème. Il est expliqué au jquery tabs et problems-with-google-maps-api-v3-jquery-ui-tabs.

Ce que je l'ai fait: dans mon jquery-ui-1.7.1.custom.css (le plus récent est 1.8.2) trouver la ligne:

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

et changer à:

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

Answer 2

Qu'est-ce que j'ai fait:

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