2011-04-24 11 views
1

안녕하세요 저는 레일 3, jquery 및 ajax를 사용하여 모달 창을 만들고 있습니다. 아이디어는 객체를 편집하거나 새 객체를 생성하기위한 것이고, 윈도우가 팝업되고, 사용자가 필요한 것을 편집하거나 생성하면됩니다.모달 창에서 jquery datepicker 사용

그러나 모달 창 내부의 jquery에서 datepicker를 사용하고 싶습니다. 모든 것이 잘 작동하고, 필요할 때 캘린더가 나타납니다. 모달 창에없는 한. 그 이유는 창문이 튀어서 소스 코드를 확인했을 때 ... 아무것도 없다는 것입니다. 존재하지 않는 것처럼, 창문 뒤에있는 것은 무엇이든 보여줍니다.

이 말은 의미가 있습니까? 아니면 비슷한 사람이 있습니까?

답변

2

나는 이것이 datepicker에 대한 CSS의 문제라고 생각합니다. 비슷한 문제가 있었고 대화 상자의 CSS에서 datepicker보다 높은 z- 색인이 있음을 기억합니다. jQuery의 datepicker에 대해 CSS로 가서 Z- 인덱스 값을 높이면 모달 대화 상자에 나타나야합니다.

UPDATE :
사용중인 테마의 CSS 파일로 이동하는 경우 (JQuery와-UI-1.8.12.custom.css은 예입니다) 후 510 줄을 당신이 선을 대체 할 수있는 이동 이

.ui-datepicker { z-index: 1002; width: 17em; padding: .2em .2em 0; display: none; } 
+0

안녕 와플, 답변 주셔서 감사합니다. 나는 datepicker를위한 매우 큰 CSS 파일을 가지고있다. 다른 위젯과 많은 것들이 포함되어 있기 때문이다. 그러나 나는 그것에 대한 z- 색인이 어디에 있는지를 발견 할 수 없었다. 유일한 장소는 IE 조정이었습니다. – Lievcin

+0

희망에 따라 훨씬 더 심층적 인 해결책으로 내 대답을 업데이트했습니다. 죄송합니다. 대답하는 데 시간이 걸렸습니다. 되돌아 가서 내 코드에서 찾아야했습니다. – Waffle

+0

안녕 와플, 다시 한 번 감사드립니다. 나는 그것을 대체했지만 여전히 아무것도. 내 응용 프로그램에서 모달 창이 작동하는 방식에는 레이아웃이라는 모달이라는 div가 있습니다. 그런 다음 application.js에서이 창이 열릴 때 모달 창에 링크되는 함수가 있습니다. 디자인은이 [게시물] (http://stackoverflow.com/questions/5766055/jquery-modal-windows-and-edit-object)에 따라 다르지만 모달 창이 열리면 소스 코드를 확인하면 기본 창은 원래 새 창에 대한 코드가없고, datepicker가 기다리고있는 것이 두려운 것입니다. 나는 이것을 모두 거꾸로 가지고 있나? – Lievcin