ModalPopupExtender 背后的 JQuery Timepicker

Question

我想修复 modalPopupExtender 的 2 层 后面的 JQuery Timepicker 的 z-index。到目前为止，我尝试通过将 .ui-timepicker-div 的 z-index 更改为 100002 来修复它，如下所示:

.ui-timepicker-div
{
    z-index:100002;
}

但仍然没有运气。关于解决此问题的可能方法的任何建议？它可以是 jQuery 本地化或纯 css 编码。

谢谢。

Answer 1

Eureka !我终于设法通过以下场景的组合调整解决了这个问题:

1. 2 层 modalPopupExtender 正在回发。这意味着 早先的 jQuery localize 都不见了。要解决此问题，而不是 $(document).ready(function() {});，你必须使用function pageLoad(){} 像这样:

   function pageLoad()
   {
      $('#ctl00_ContentPlaceHolder1_txtTimeSlotFrom').timepicker({
           hourGrid: 4,
           minuteGrid: 10
      });
   }
   

2. 现在，为了修复 z-index，我在本地化中包含了 beforeShow 配置，如下所示:

           $('#ctl00_ContentPlaceHolder1_txtTimeSlotFrom').timepicker({
               hourGrid: 4,
               minuteGrid: 10,
               beforeShow: function() {
                   setTimeout(function(){
                       $('.ui-timepicker').css('z-index', 16777271);
                   }, 0);
               }
           });