2011-08-06 2 views
0

사용자 지정 테마를 포함한 모든 모듈이 포함 된 JQuery UI 스크립트를 사용하고 있습니다. dialog() 함수를 사용하여 간단한 모달 대화 상자를 만들었습니다. 문제는 대화 상자가 나타나면 제목 영역이 너무 크고 제목 영역 아래에 'x'(창 닫기 용)가 표시된다는 것입니다. 이 문제를 일으키는 원인과 해결할 수있는 것이 무엇인지 알아야합니다. 나는 제목 문자열을 작성하는 경우,JQuery UI 대화 상자의 제목이 너무 많이 나타납니다.

title too big http://dl.dropbox.com/u/12004956/2011-08-06_155144.png

그것은 'X'선 위에 나타납니다

여기가 그것을 보여줍니다 이미지입니다.

원래는이 데모에 같이 나타납니다

: 나는 시도했다 http://jqueryui.com/demos/dialog/#animated

:

1) .ui-위젯 { 글꼴 - 가족 : 굴림; font-size : 10px; }

2) 컨테이너의 DIV에 작은 글꼴 크기를 적용해도 문제는 해결되지 않습니다.

감사합니다.

+0

을 만들었습니다. 바로 JS 디버거에서 'x'가 오른쪽으로 이동하지만 헤더의 높이는 그대로 유지됩니다. 같은. 하지만 클래스 속성으로 대량으로 처리해야한다고 생각하지 않습니다. 바로 사용할 수 있습니다. –

+0

CSS를 수정하기 위해 CSS를 사용했습니다. –

답변

1

코드를 보지 않고도 문제가있는 jQuery UI js 또는 css 파일을 추측하고 있습니다. 공유 된 js와 css를 사용하여 문제가 해결되었는지 확인하십시오. This link에는 jQuery UI 라이브러리가 공유되어 있습니다. 예를 들어, 구글에서 호스팅 jQuery를 UI 파일에 링크 할 수 있습니다

을 즉, 작업 jsfidder에 코드를 게시하지 않습니다. 나는 'i-dialog-titlebar-close'를 float로 설정했을 때 http://jsfiddle.net/william/YXkxn/1/

관련 문제