jquery - Datepicker 在关闭 jquery 模式时不会关闭

Question

我在 jquery 模态窗口上有一个日期选择器。当我关闭模式窗口而不关闭日期选择器时，它会在我的首页上保持可见。我试图集中注意力，但它对我没有帮助，还尝试了 mouseleave，但为了使其工作，我需要将鼠标悬停在日期选择器上并移出以隐藏它。

$("#datepicker").append(label);
            fromInput.datepicker( {
                showOn: "both",
                minDate: -30,
                maxDate: 0,
                showAnim: "slide",
                buttonImage: "#",
                buttonImageOnly: true,
                onSelect: function(fromDate, inst){
                  oDTSettings.minDate = fromDate;
                  toInput.datepicker("option", "minDate",  oDTSettings.minDate);                    
                }
            } );

            fromInput.datepicker("setDate", minDate);

$('.ui-datepicker').live('mouseleave', function() {
            $('.ui-datepicker').hide()});

Answer 1

我相信这是一个问题，日期选择器的 z-index 需要大于对话框的 z-index。

尝试添加类似于以下内容的 css：

<style type="text/css">
    .ui-datepicker
    {
        z-index: 1001 !important; /* must be > than popup editor (1000) */
    }
</style>