2011-10-21 3 views
0

탭과 관련하여 도움이 필요합니다.동적 내용으로 js 탭 만들기

우리는 고객을 위해 인트라넷 포털을 구축하여 명함 등을 만들 수 있습니다. 그러나 우리는 탭 문제 때문에 중단되었습니다.

탭에 약 1-4 단계의 프로세스가 필요합니다. 1 단계는 명함 템플릿을 선택하는 것입니다. 템플릿이 선택되면 다음 단계는 그것을 채울 것입니다.

그러나 각 템플릿에는 단계 2 탭의 높이를 다양하게 만드는 여러 종류의 입력 필드가 있습니다.

Jquery UI의 탭을 사용해 보았지만 높이 때문에 일부 템플릿의 다음 단계가 잘릴 것이므로 첫 번째 단계 만 작동합니다.

이 문제를 해결하는 가장 좋은 방법은 무엇입니까?

답변

0

jquery UI를 수정하려면 height()과 같은 코드를 쓸 수 없습니까? jquery UI가 최선의 선택이라고 생각합니다.

+0

문제는 우리가 탭 1의 단계 전에 탭 2의 높이를 모른다는 것입니다 완료되었습니다. 그러나 탭이 이미로드되어 있으므로 해당 탭을 "다시로드"한 다음 높이를 부여 할 수 없습니다. 적어도 우리가 찾을 수 있었던 것은 아닙니다. – MadsK

+0

AJAX를 사용하여 탭에 콘텐츠를 동적으로로드 할 수 없습니까? 내 검색 결과가 높이가 다른 4 개의 탭으로 돌아가며 모두 괜찮습니다. 아마 플로트 문제가있을거야? – RubbleFord

0

저는 JQuery 탭을 많이 사용했으며이 문제는 본 적이 없습니다. AFAIK, 그 안에 들어갈 수있는 내용을 제한하는 탭 자체에 대해서는 아무것도 없습니다. 나는 당신의 탭에서 모든 논리, HTML, 추가 js 등을 제거하고 콘텐츠를 단순하게 만들려고 시도했다. (예를 들어 고정 된 높이의 div 시리즈). 탭이 내용물의 전체 높이까지 열리는 것을 볼 것입니다. 그런 다음 탭의 높이를 제한하는 것이 무엇이든지 찾을 때까지 코드를 다시 추가하십시오. BTW, 나는 그들이 탭을 정적으로 만들거나 아약스를 통해로드 된 여부를 어떤 차이가 있다고 생각하지 않습니다 ...

+0

우리는 한 번에 한 가지 해보고 우리가 일할 수 있는지 알아 봅니다. :) – MadsK