충돌

Question

나는 템플릿 파일에

아래로 워드 프레스와 jQuery를 탭에 플러그인을 easy2map 사용했다 :

<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 코드가 실행되지 않습니다 (또는 방화 광구로 확인하십시오 -지도가 초기화 될 때지도 뷰포트의 잘못된 너비/높이를 계산할 수도 있음)