jQuery 탭 위젯 - 스왑 탭 콘텐츠

Question

PHP를 사용하여 응용 프로그램을 작성하고 HTML을 사용하여 다양한 기본 인터페이스를 제공하지만 jQuery UI 위젯을 사용하여 모양을 개선하려고합니다. 메인 메뉴로 사용하기 위해 탭 위젯을로드했고, 내 앱의 메인 섹션을 이것들에 연결했습니다. 그래서 효과적으로 작동하는 메인 메뉴가 있습니다. 탭을 클릭하면 창에 페이지가로드되지만이 페이지의 링크를 클릭하면 다른 곳으로 이동하게됩니다. 탭에서 새 페이지를로드하는 가장 쉬운 방법은 무엇입니까? http://jqueryui.com/demos/tabs/#default

편집 : 여기

내가 얘기하고 위젯에 대한 링크입니다 링크 아래

"을 말한다 코드의 튜토리얼 조각 ...에서 링크 열기가

: 대신 페이지 "

"탭의 콘텐츠 후 Hijax "링크가로드 된 떠나 현재 탭

$('#example').tabs({ load: function(event, ui) { $(ui.panel).delegate('a', 'click', function(event) { $(ui.panel).load(this.href); event.preventDefault(); }); } }); 

이것은 유망한 것 같지만 사용 방법을 잘 모르겠습니다. 내 탭 인터페이스 페이지 (tabbedhome_v.php)에는 탭이있는 콘텐츠가있는 id = "tabs"가있는 컨테이너가 있습니다. 따라서 코드에서 "tab"이라는 단어의 예제를 변경하고 더 많은 기능을 수행하는 것 같습니다. 지금은 페이지가 있지만 일부 이유는 아닙니다. 누군가 나에게이 작품의 작동 원리를 설명해 주시겠습니까?

위의 코드에서 관찰 한 것 : 이미지 하이퍼 링크는 다음 페이지에서 패널 내에서로드되지만, 해당 페이지에로드 된 자바 스크립트 링크 또는 jquery는 현재 작동하지 않습니다. 왜 이런거야? 이미 jQuery를 사용하는 것처럼

Answer 1

것은, 당신은 .load()로 볼 수도 있습니다 : http://api.jquery.com/load/

당신은 페이지의 요소로 페이지를로드하기 위해 사용할 수 있습니다

$('#tab-1').load('content.html');