衝突

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不會運行（或者用螢火蟲檢查 - 可能只是爲地圖視口計算錯誤的寬度/高度，當地圖初始化時）