jQuery datepicker가 팝업 뒤에 나타납니다.

나는 결합하려고하는 두 개의 다른 jQuery 플러그인을 사용하고 있습니다. 먼저 http://fancybox.net/home의 팝업 플러그인을 사용하고 있습니다. 팝업이 표시되면 팝업 내부에 datepicker가있는 텍스트 필드가 있어야합니다. datepicker는 jQuery UI에서 가져온 것입니다. 문제는 날짜 표시기가 항상 팝업 뒤에 나타나므로 날짜를 선택할 수 없다는 것입니다. 이게 내가 어떤 방식 으로든 바꿀 수있는 것인가?jQuery datepicker가 팝업 뒤에 나타납니다.

내 코드 :

<html> 
    <a id="inline" href="#data">Open popup</a> 

    <div style="display:none"><div id="data"> 
     <input id="datepicker" type="text"> 
    </div></div> 
</html> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a#inline").fancybox(); 
     $("#datepicker").datepicker(); 
    }); 
</script>

출처

2010-08-17 Martin

, CSS를 확인할 수 있습니까? –

당신은 fancybox보다 높은 날짜 선택기의 z 인덱스를 설정해야합니다. fancybox z-index는 1101이며, datepicker를 1102 또는 그 이상의 값으로 설정하면 datepicker가 앞에 오게됩니다.

출처

2010-08-17 12:23:08

fancybox에서 사용하는 Z- 색인을 언급하는 데 사용되는 Upvote입니다. 그것이 다른 설명에서 부족했던 핵심 세부 사항입니다.이 설명은 "meh - thousand thousand should be enough"이라고 생각하게했습니다. –

사용 CSS - .datepicker{ z-index: 999999; }

출처

2014-01-27 05:41:03

이 .fancybox - 내부 {오버 플로우 :! 눈에 보이는 것이 중요;}

이 나를 위해 작동 사용하고있는 fancybox 버전의 z 인덱스 무엇

출처

2015-12-28 05:49:20

jQuery datepicker가 팝업 뒤에 나타납니다.

답변

관련 문제