2016-08-11 3 views
0

jQuery 3 및 jQueryUI 1.12를 사용하고 있습니다.jQueryUI 대화 상자에서 닫기 버튼 아래에 텍스트가 잘못 표시됩니다.

enter image description here

글리치 단어는 "닫기"닫기 버튼 아래에 나타나는된다는 점이다 : 나는 대화 상자를 표시 할 때 업그레이드 후,이납니다.

enter image description here

그러나 내가이 일을하거나 방법을 해킹보다는 기타를 (해결하는 왜 알아낼 수 없습니다 :

그 이유는 그것이 생성 된 HTML 실제로 그 방법이다 DOM을 직접적으로 사용하지만 라이브러리의 핵심 부분이므로 바람직하지 않습니다.

여기에 무슨 일이 있으며 어떻게 해결할 수 있습니까?

+0

일반적으로 jQuery를 UI는'텍스트 들여 쓰기 규칙'.ui-버튼 아이콘 - only' 적용하고 사용할 수있는 기본 스타일로 변경하려면 : -9999px를, '그에게. 귀하의 HTML 당 클래스는 거기에 있습니다. 따라서 jQuery UI css (대화 상자 용 패키지 포함)가 있는지 확인하고 사용자 정의 규칙을 무시하지 않아야합니다. – empiric

+0

똑똑하고 빠릅니다. 고마워. 이로 인해 내 문제가 해결 된 스타일 시트가 일치하지 않게되었습니다. 답변으로 게시하면 동의 할 수 있습니다. –

답변

0

jQuery UI는 대화 상자에 자체 스타일 시트를 사용합니다. 해당 요소를 신청하는 표준 CSS 규칙은 text-indent: -9999px;

당신이 jquery-ui.css을 포함했는지 확인 설정 .ui-button-icon-only입니다. download-builder을 사용할 때 대화 상자의 스타일이 포함되어 있는지 확인하십시오. 그리고 올바른 테마가 선택되었습니다.

당신이 themeroller