Jquery 클릭 함수가 아약스 탭을로드하지 않습니다.

Question

아약스 콘텐츠를로드하는 탭이 있습니다. 탭을 클릭하면 아약스 콘텐츠를 완벽하게로드합니다. Jqueryui 데모에서와 똑같은 문제는 전혀 발생하지 않습니다.

하지만 onclick 함수를 사용하여 탭을 변경하면 탭이 열리지 만 아약스는 수행하지 않습니다. 이것이 알려진 문제일까요? ajax 탭은 사용자가 href를 클릭하여 무엇을로드해야하는지 알고 있어야합니다. 클릭 기능을 사용할 때

$("#signuptabs").tabs(); 

<div id="signuptabs"> 
    <ul> 
     <li><a href="type.php"><span>type</span></a></li> 
     <li><a href="umber.php"><span>CNumber</span></a></li> 
     <li><a href="vices.php"><span>s</span></a></li> 
     <li><a href="ups.php"><span>ups</span></a></li> 
    <li><a href="ext.php"><span>ext</span></a></li> 
     <li><a href="enu.php"><span>IMenu</span></a></li> 
     <li><a href="info.php"><span> Information</span></a></li> 
    </ul> 

</div> 


$(".step2next").click(function() $('#signuptabs').tabs("select" , 1)); 

그것의 외부 콘텐츠를로드하지 않습니다

이

는 코드입니다.

Answer 1

Jquery UI 탭은 각 탭의 콘텐츠를 식별하기 위해 Href와 div ID 사이의 관계를 가지고 있습니다 ... Jquery UI에서 제공하는 일반 코드를 사용하는 경우 해당 관계를 유지해야합니다!

<div id="tabs"> 
    <ul> 
    <li><a href="#tabs-1">TAB 01</a></li> 
    <li><a href="#tabs-2">TAB 02</a></li> 
    <li><a href="#tabs-3">TAB 03</a></li> 
    </ul> 
    <div id="tabs-1"> 
    <p>Content for Tab 01 because this Div id is equal to Href content of TAB 01 description</p> 
    </div> 
    <div id="tabs-2"> 
    <p>Content for Tab 02 because this Div id is equal to Href content of TAB 03 description</p> 
    </div> 
    <div id="tabs-3"> 
    <p>Content for Tab 03 because this Div id is equal to Href content of TAB 03 description</p> 
    </div> 
</div> 

"표준"방식을 변경했다면 더 많은 코드를 제공해야합니다.

아약스 콘텐츠를

, Skell 위의를 사용하여 ... 적절한 DIV ID에

시를 내용을로드 :이 모든 유효 내가 제대로 질문을 이해 해요 경우! 나는 UI 탭이 너무 익숙하지 해요,하지만 대신에 2 단계의 클릭의 탭 기능을 할당하는, 당신은 예를 들어, 탭 자체의 클릭을 유발 시도 할 수

Answer 2

...

$(".step2next").bind('click',function(){ 
    $("#tab_id").trigger('click'); 
}); 

"#tab_id"에 실제로 탭을 넣으십시오.