jQuery UI, 텍스트 링크가있는 탭을 선택하고 특정 아약스 콘텐츠를로드하십시오.

Question

jQuery UI 탭을 사용하여 레코드를 검색 할 수있는 탭을 만들고 개별 레코드 세부 정보를 볼 수있는 다른 탭을 표시합니다. 검색 결과 링크 클릭으로 관련 탭을 열고 해당 검색 결과에 대한 특정 아약스 콘텐츠를로드하려고합니다.

<li><a id="customerTabLink" href="#tabs-2"><span>Customer</span></a></li> 

:

var $tabs = $('#example').tabs(); // first tab selected 

$('#my-text-link').click(function() { // bind click event to link 
    $tabs.tabs('select', 2); // switch to third tab 
    return false; 
}); 

내가 아약스 콘텐츠를 정상적으로 탭 자체에 href를 설정을 통해로드 참조 : 나는 jQuery를 UI 탭 예제 코드 같은 것을 가진 HREF를 사용하여 탭을 전환 할 수 있어요

이 텍스트를 my-text-link onclick 함수에 추가하여 탭의 href를 동적으로 설정했지만 내 탭의 내용을로드하지 않았습니다.

$('#customerTabLink').attr("href", "/view/dspClient.cfm?id_customers=15"); 

이 href를 설정하지 않고 탭에서 아약스 콘텐츠를로드 할 수있는 또 다른 방법이 있습니까? 또는 href를 잘못 설정하고 있습니까? 이 무언가가 내가 부하를 사용해야한다고해도 뭔가? http://docs.jquery.com/Events/load

감사합니다.

$('#example').tabs('url', 1, '/view/dspClient.cfm?id_customers=15'); 

첫 번째 인수는 탭의 URL을 변경하려는 것을 알려줍니다 : - 매트

Answer 1

탭은이를 사용해야 호출 AJAX에 사용되는 URL을 변경합니다. 두 번째 인수는 URL을 변경하려는 페이지의 인덱스 (0부터 시작하여 1이 두 번째 탭 임)이며 세 번째 인수는 새 URL입니다.