초기화하기 전에 탭에서 메소드를 호출 할 수 없습니다. 나는 JQuery와 탭을 사용하고

Question

방법 '옵션'을 호출하려고, 내 home.jsp이있다 .. 나는 스프링 MVC를 사용하고 Home.jsp도있다

<div id = "tabs"> 
     <ul> 
       <li><a href="page1" class="menu-text" >Page1</a></li> 
       <li><a href="page2" class="menu-text" >Page2</a></li> 
       <li><a href="page3" class="menu-text" >Page3</a></li> 
       <li><a href="page4" class="menu-text" >Page4</a></li> 
       <li><a href="page4" class="menu-text" >Page5</a></li> 
     </ul> 
</div> 

,

<script> 
      $(function() { 
       $("#tabs").tabs({ 
        beforeLoad: function(event, ui) { 
         if (ui.tab.data("loaded")) { 
           event.preventDefault(); 
           return false; 
          } 
         ui.jqXHR.error(function() { 
         ui.panel.html(
         "Couldn't load this tab. We'll try to fix this as soon as possible. "); 
         }); 
         ui.jqXHR.success(function() { 
          ui.tab.data("loaded", true); 
         }); 
        } 
       }); 

      }); 

    </script> 

을 페이지 1-5 페이지는 jsp에 매핑됩니다. 이제 tab1에로드 된 첫 번째 페이지 Page1에는 tab2 : page2로 이동해야하는 버튼이 있습니다. 나는 사용하고있다

$("#tabs").tabs("option","active",1); 

page2.js의 $ .click()에있다. 버튼을 클릭하면 오류가 발생합니다.

Cannot call methods on tabs prior to initialization; attempted to call method 'option' 

도와주세요!

내 page1.js는

$(document).ready(function() { 

    $today = new Date(); 
    $yesterday = new Date($today); 
    $yesterday.setDate($today.getDate() - 1); 
    var $dd = $yesterday.getDate(); 
    var $mm = $yesterday.getMonth()+1; //January is 0! 

    var $yyyy = $yesterday.getFullYear(); 
    if($dd<10){$dd='0'+dd;} 
    if($mm<10){$mm='0'+$mm;} 
    $yesterday = $yyyy+'-'+$mm+'-'+$dd; 
    $("#yestDate").html($yesterday); 
    }); 
$('#button').click(function() { 

    $("#tabs").tabs("option","active",1); 
    /*if($('#tabs').hasClass('ui-tabs')){$("#tabs").tabs("option","active",1);}*/ 
    /*$("#tabs").tabs({active:1});*/ 
    /*$(".selector").tabs("refresh"); 
    $("#tabs").tabs("load",1);*/ 
}); 

나는 또한이 문제지만, $ .load이 같은 오류를주고 경우에 모든 탭을 프리로드 (pre-load) 노력하고 있습니다. 이 초기화는 무엇입니까 !! 내가 원하는 것에 대한 대체 접근법이 있습니까?

Answer 1

시도해보십시오 $ ("# tabs"). tabs(); 먼저