冲突

Question

我已经在模板文件中使用easy2map插件在WordPress和jQuery标签，如下

：

<ul id="tabs"> 
    <li><a href="#" name="#tab1">Own Unit</a></li> 
    <li><a href="#" name="#tab2">Franchise Unit</a></li> 
</ul> 
    <div id="tabbed-content"> 
     <div id="tab1"> 
     //short code of map 1 
     </div> 
     <div id="tab2"> 
     //short code of map 2 
     </div> 
    </div> 

jQuery中：

<script type="text/javascript"> 
var map=jQuery.noConflict(true); 
function resetTabs(){ 
    map("#tabbed-content > div").hide(); //Hide all content 
    map("#tabs a").attr("id",""); //Reset id's  
} 

var myUrl = window.location.href; //get URL 
var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // For localhost/tabs.html#tab2, myUrlTab = #tab2  
var myUrlTabName = myUrlTab.substring(0,4); // For the above example, myUrlTabName = #tab 

(function(){ 
    map("#tabbed-content > div").hide(); // Initially hide all content 
    map("#tabs li:first a").attr("id","current"); // Activate first tab 
    map("#tabbed-content > div:first").fadeIn(); // Show first tab content 

    map("#tabs a").on("click",function(e) { 
     e.preventDefault(); 
     if (map(this).attr("id") == "current"){ //detection for current tab 
     return  
     } 
     else{    
     resetTabs(); 
     map(this).attr("id","current"); // Activate this 
     map(map(this).attr('name')).fadeIn(); // Show content for current tab 
     } 
    }); 

    for (i = 1; i <= map("#tabs li").length; i++) { 
     if (myUrlTab == myUrlTabName + i) { 
      resetTabs(); 
      map("a[name='"+myUrlTab+"']").attr("id","current"); // Activate url tab 
      map(myUrlTab).fadeIn(); // Show url tab content   
     } 
    } 
})() 

我的问题是地图获取完全加载在tab1中，但不是在tab2 ....请帮助我！

Answer 1

使用位置绝对隐藏标签。

position: absolute; 
left: -9999px; 
top: -9999px; 

而不是显示：无;

因为在显示的情况下：无; js-code不会运行（或者用萤火虫检查 - 可能只是为地图视口计算错误的宽度/高度，当地图初始化时）