파이어폭스에서 모달창 위의 datepicker 의 dropdown이 동작하지 않습니다.

Question

일반적인 상황에서는 아무 문제 없이 정상작동하는데 모달 위에서 datepicker를 불러오면 문제가 발생합니다.년.월을 고르는 select태그가 열리지 않아요..크롬이나 익스플로러에선 정상작동합니다. 1번은 모달위에서 실행하지 않았을 때 입니다. 정상적으로 실행되는걸 볼 수 있습니다.2번은 모달위에서 실행했을 경우인데 select태그 빼곤 모두 다 정상작동합니다.select문만 안됩니다. z-index값 설정도 해봤고 var enforceModalFocusFn &#61; $.fn.modal.Constructor.prototype.enforceFocus; $.fn.modal.Constructor.prototype.enforceFocus &#61; function() {}; $confModal.on('hidden', function() { $.fn.modal.Constructor.prototype.enforceFocus &#61; enforceModalFocusFn;});$confModal.modal({ backdrop : false }); 를 코드에 붙이면 된다는 스택오버플로의 글을 보고 붙여봤지만 $confModal 가 정의되지 않았다고 되지 않습니다. var enforceModalFocusFn &#61; $.fn.modal.Constructor.prototype.enforceFocus; $.fn.modal.Constructor.prototype.enforceFocus &#61; function() {};만 실행했을 경우에도 select 태그가 dropdown이 실행되지 않습니다. 프로젝트에 문제가 있나 해서 코드를 떼서 실행해봤지만 해당 현상은 다른 프로젝트에서도 발생했습니다.어떻게 처리해야 하나요?ㅠㅠ

윤졸디 · Accepted Answer

답변이 늦긴했는데 일단 알려드릴게요.datepicker beforeShow에 append 소스 추가해주시고 css 변경 해주시면 됩니다.

$( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true, beforeShow:function(textbox, instance){ $('#bookingBox').append($('#ui-datepicker-div')); } });

윤졸디 · Answer

modal이 jqueryui dialog 인가요?

seka · Answer

윤졸디 // 부트스트랩입니다

seka · Answer

윤졸디 // 완전 감사합니다 !!

파이어폭스에서 모달창 위의 datepicker 의 dropdown이 동작하지 않습니다.

4개의 답변

Q&A 목록