검도 UI 탭 표시 e.preventDefault는()

Question

두 문제를 작동하지 않습니다 .

2.) 사용자가 다른 탭을 클릭했지만 저장하지 않은 변경 사항이 있다고 가정 해보십시오. 활성 탭에서 변경 사항을 저장하려면 대화 상자가 팝업되고 변경 사항을 취소하고 탭 또는 으로 이동할지 묻습니다.

내 솔루션이 작동하지 않습니다. 때문에 1. 문제는 내가 생각하기 때문에 .data() 어떻게 든 다시 TabStrip reinitialises?! 뭐가 잘못 되었 니? 여기

는 작업 (하지) 예를 http://jsfiddle.net/Nakkvarr/w9586/

이 문제에 대한 어떤 아이디어인가?

Answer 1

첫 번째 탭에서 작동하지 않는 이유는 동일한 요소에서 탭 스트립을 두 번 초기화했기 때문입니다. $('#tabstrip'). 첫 번째 초기화시 select 이벤트를 바인드 했으므로 후속 초기화가이를 덮어 썼습니다 (select 이벤트는 더 이상 처리되지 않음). 두 번째 초기화 라인에 주석을 달면 작동한다는 것을 설명함으로써 문제에 스스로 답할 수도 있습니다.

두 번째 예제에서 setTimeout() 함수로 수행하려는 작업이 확실하지 않습니다. 불필요합니다.

e.preventDefault()을 사용하면 예상대로 작동합니다. JSFiddle : http://jsfiddle.net/w9586/6/