2009-11-29 4 views
0

우리는 탭 인터페이스가있는 응용 프로그램을 가지고 있습니다. 현재 각 탭은 분리 된 페이지로로드됩니다. 이제는 탭 내용을 아약스를 통해로드하는 방식으로 다시 작성해야합니다.웹 응용 프로그램의 Ajax 탭

아쉽게도 콘텐츠를로드하는 것만으로는 충분하지 않습니다. 사용자는 각 탭에 북마크를 추가 할 수 있어야합니다. 그것이 전체 URL이 탭 스위치에서 변경되어야하는 이유입니다. 또한 색인 생성 봇은 탭의 링크를 따라갈 때 문제가 없어야합니다.

나는 페이스 북 탭에 좋은 솔루션을 보았다 http://www.facebook.com/profile.php?v=info&ref=profile&id=1241403629#/profile.php?v=wall&ref=profile&id=1241403629

가 어떻게 jQuery로이 솔루션을 구현할 수 있습니다 : 그들은이 같은 URL을 저장하기 위해 앵커를 사용할 수 있습니까? 바로 사용할 수있는 플러그인이 있습니까? http://www.facebook.com/profile.php?v=wall&ref=profile&id=1241403629

어떻게하는 것이 가능하다 :

또한 좋은 점은 북마크 페이스 북에서 클릭 후 자동으로 저를 리디렉션이다?

답변

0

이 질문을보고보십시오 :

당신은 페이지의 탭의 하중을 지연 ... 당신은 참으로 쿼리 문자열을 통해 매개 변수를 전달하거나 앵커를 사용할 수 있습니다

jQuery UI Tabs back button history

1

로드, 당신은 매개 변수를 확인한 다음 적절한 탭을로드합니다.

예 당신이있는 경우 :

페이지로드에
/yoururl.aspx#section1 

당신은 (편집 : 아래 내 댓글 참조) 할 당신은 조건부 모든 탭이 작업을 수행

$('#tabs_placeholder').load('url_of_tab_1'); 

이 솔루션은 책갈피와 앵커 및 쿼리 문자열이 URL과 함께 유지되기 때문에 작동합니다.

희망합니다.

PS입니다. 다음은로드 함수 및 기타 jQuery AJAX 함수에 대한 설명입니다. http://docs.jquery.com/Ajax

+0

제대로 색인을 생성하려면 페이지로드시 적절한 내용으로 페이지를로드해야합니다. 즉, 페이지가 서버에서 도착하면 적절한 탭으로 올바르게 채워 져야합니다. 그런 다음 사용자가 클라이언트 측에서 탭을 변경하는 경우 AJAX에서이를 수행 할 수 있습니다. –

관련 문제