2012-07-13 2 views
0

사용자 정의 스타일 시트로 매우 특수하게 포맷 된 HTML 표가 있습니다. 링크를 클릭하면이 테이블을 표시하기 위해 jQuery UI 대화 상자를 사용하는 것이 좋습니다.jQuery UI 테마없이 대화 상자에 HTML 표 삽입하기

테이블을 대화 상자에 표시 할 때 jQuery UI의 스타일 시트가 내 사용자 정의 스타일 시트를 덮어 씁니다 (정상적인 기능 임). 기본적으로 대화 상자를 사용자 지정 테이블을 보유하는 "컨테이너"로 사용하고 싶습니다. 나는 이것을 달성하기 위해 apporiate workaround를 찾을 수 없었다.

jQuery UI 대화 상자에서 표 또는 다른 요소를 표시하고 원래 형식을 유지하는 방법이 있습니까?

답변

0

당신은 .... iframe이에

을 사용자 정의 테이블을로드 할 수 그러나 덜 추한 솔루션은 JQuery와 UI CSS의 우선 순위보다 더 큰 당신의 CSS에 우선 순위를 확인하는 것입니다. 이것은보다 중요한 것을 가지고 있거나 중요한 지시자로 그것을 오버라이드함으로써 얻을 수 있습니다.

JQuery UI 스타일 시트에서 관련 스타일을 제거 할 수도 있습니다.

인라인 스타일 인 경우 JScript UI를 실행하거나 JQuery UI 자체를 수정 한 후에 자바 스크립트로 CSS를 재 할당하거나 인라인 스타일을 제거하는 것이 유일한 방법입니다.

+0

! 중요한 것은 최후의 수단으로 사용해야합니다. 더 많은 CSS 부모/규칙/통과를 추가하면 우선 순위가 높아집니다. –

+1

사실,하지만 그들은 대답을 요구하고 작동합니다. 불행한 부모를 추가하는 것만으로도 나머지 CSS가 복잡해 지므로 항상 상충 관계가 있습니다. – Wolfe

관련 문제