jQuery UI 탭에 "탭 추가"버튼 만들기

Question

웹 페이지에 jQuery UI 탭 컨트롤이 있습니다. 탭 제목보다 모양이 같은 "탭 추가"버튼을 만들고 싶습니다. "탭 표시 줄", 다른 탭 제목 포함). 목록에 항목을 추가했습니다. 특정 클래스를 사용하면 오른쪽에 부동을 허용 할 수 있습니다. 하지만 jQuery에 의해 추가 된 기본 동작 (클릭시, 관련 탭 열기)을 제거 할 수 없어 탭이 존재하지 않기 때문에 오류가 발생합니다. 온 클릭 리스너를 제거하지 않습니다 unbind를 사용

(CSS를 내가 원하는 제거) 탭이 화면에 희미하게 비활성화

• :
  나는 여러 가지 방법을 시도했다.
• 이 단순히 무시되는 한, 중 하나가 작동하지 않는 다른 온 클릭 리스너를 설정
...

나는이 내 마음을 잃고 있어요. 누구나 제정신을 유지할 수 있습니까?

Answer 1

select 이벤트를 사용하고 탭을 클릭하면 이벤트를 수신 할 수 있습니다. 거기에서 당신은 새로운 탭을 만들고 그 초점을 줄 수 있습니다.

Answer 2

제론이 지적했듯이 select 이벤트는 친구입니다.

'추가'탭의 URL을 '#Add'(또는 해당 탭을 고유하게 식별하는 데 사용할 수있는 다른 값)로 설정하십시오. 이벤트 핸들러에서 ui.tab.hash의 값을 확인하십시오. 이 해시 값이 존재하는지 확인하고 새 탭을 만든 다음 선택하고 'false'를 반환합니다. 해시 값이 마법 값과 일치하지 않으면 'true'를 반환하여 탭 선택 프로세스가 정상적으로 계속 진행되도록합니다.