ajax jquery-ui 탭을 수정하거나 처음부터 시작 하시겠습니까?

Question

나는 'ajax'에 대해 더 많이 배우려고 노력하고 있으며, 지금까지 ajax 옵션을 사용하여 jquery 탭으로 가장 성공을 거두었습니다. 내가 겪고있는 문제는 다음과 같습니다.

• 탭이 리로 변합니다. jquery-ui.js에서 템플릿을 간단히 변경할 수 있습니까?
• 변경할 페이지의 제목을 가져올 수 없습니다.
• 페이지를 새로 고침하면 홈페이지로 다시 이동합니다.
• 북마크가 작동하지 않을 수 있습니다.
• 탭과 함께 제공된 계산 된 스타일은 다른 페이지 요소와 간섭을 일으키며 전체 페이지의 모듈화가 덜한 것처럼 보입니다.

나는 또한 일부 PHP를 배우고 있으며 이러한 문제 중 일부가 해당 카테고리에 해당한다고 생각합니다.

내가 정말로 원했던 것은 앵커를 클릭하고 홈페이지에서 스크립트를 유지 관리 할 때 쉽게 무엇을 제어 할 수 있고 다시로드하지 않는 페이지입니다.

처음부터 시작하거나 탭의 기존 아약스 부분을 수정하는 것이 더 현명합니까? 내가하려는 일은 다소 기본적인 것 같지만 작은 장애물이 쌓이고 있으며 영혼 검색이 시작되기 시작했습니다.

Answer 1

URL을 변경하는 유일한 방법은 리디렉션을하거나 현재 URL 다음에 해시 (#qwerty)를 추가하는 것입니다. 제목 변경을 실제로 의미하는 경우 select 이벤트를 사용하여 처리해야합니다.

$(".selector").tabs({ 
    select: function(event, ui) { ... } 
}); 

여기서 해당 작업 내에서 적절한 작업을 수행 할 수 있습니다.

템플릿

, 당신이 사용할 수있는 자신 만의 :

Panel: 
    $(".selector").tabs({ panelTemplate: '<li></li>' }) 

Tab: 
$(".selector").tabs({ tabTemplate: '<div><a href="#{href}"><span>#{label}</span></a></div>' }); 

당신은 공식 문서에 대한 추가 정보 및 예를 찾을 수 있습니다

: Here

Answer 2

jQuery Ajax 방법 (체크 http://api.jquery.com/category/ajax/)을 탭보다 사용하는 것이 좋습니다. 그렇게하면 자유롭게 스타일을 사용하고 자신 만의 div/li/wharever를 검색 할 수 있습니다. jQueryUI의 스타일/기능이 필요한 경우에만 탭을 사용하십시오.