jvectormaps в раскрывающемся меню, NS_ERROR_FAILURE:

Question

мои jvector карты находятся в раскрывающемся меню, он хорошо работает в Safari, Opera и хром, но не сломается (нет карты и сообщение об ошибке NS_ERROR_FAILURE:
(строка 700 в 2.0.2. min.js «вернуть this.node.getBBox();» в светлячок, я пробовал много разных вещей, но не повезло

это в голове

<script type="text/javascript" src="jVectormap/jquery-jvectormap-2.0.2.min.js"></script> 
<script type="text/javascript" src="../maCountries/be_coord.js"></script> 
<script type="text/javascript" src="../maCountries/be_map.js"></script> 

это.. html в выпадающем меню

<div id="mapJV"> 
</div> <!--mapjv container--> 

Это код be_map.js, который разбивается на firefox.

$(function() { 
var map, 
map = new jvm.Map({ 
container: $('#mapJV'), 
map: 'be_mill_en', 
backgroundColor: '#F6F3EF', 
regionStyle: { 
    initial: { 
    fill: '#ABBDC4' 
    }, 
}, 


}); 

}); 
$("<style>.jvectormap-container {width : 400px; height: 400px;}</style>").appendTo("head"); 

код в be_coord.js - это просто нормальные координаты.

Answer 1

У Firefox обычно возникают проблемы с визуализацией SVG внутри скрытых элементов. Таким образом, решение здесь может быть создание и отображение карты после того, как ее контейнер станет видимым.