jquery - 打开日历时保持 div 打开

Question

这是 jsfiddle:

http://jsfiddle.net/93Fp2/3/

我有一个名为 divEtime 的 div，仅当您将鼠标悬停在 ul 内的 li 项上时才会显示该 div:

这里是 jquery:

$('#dEtime').hide();

            $(".eTime").hover(function () {
                $('#dEtime').fadeIn('slow');
            }, function () {
                $('#dEtime').fadeOut('slow');
            });

这是显示 div 以及包含类 eTime 的 li 项的 html

<ul id="ulPersonal">
      <li class="break eTime">
        <a href="http://someURL" title="t" target="_blank"><img src="./images/etime.png" alt="E-Time" /></a>
        <a href="http://someURL" title="t" target="_blank">t</a>
        <p>Manage</p>
        <div id="dEtime">
            <asp:TextBox ID="txtEtimeStart" runat="server" CssClass="datePickerDueDate" 
                         Width="75px"></asp:TextBox>
           Some content
        </div>
      </li>
  ...
</ul>

问题是我还有一个文本框txtEtimeStart，它使用jquery的日期选择器，如下所示:

$(".datePickerDueDate").datepicker(
                    {
                        firstDay: 1,
                        constrainInput: false,
                        changeYear: true,
                        changeMonth: true,
                        selectOtherMonths: true,
                        showWeek: true
                    });

请注意，在发布的 html 中，文本框有一个名为 .datePickerDueDate 的类。所以我的问题是，当您打开日期选择器并向下移动鼠标为文本框(位于 div 中)选择一个值时，div 会再次淡出。看起来，当我浏览日历控件(jquery 日期选择器)时，div 上的悬停已失去焦点，导致 div 隐藏。

当我从日历中选择日期时，是否可以保持 div 打开？否则会发生 div 隐藏但日历仍然打开的情况。我仍然可以选择日期，但我必须再次将鼠标悬停在 div 上才能查看该值。

Answer 1

您也可以在 JQuery 语句中选择日历的 ID，然后使用 stop()

http://jsfiddle.net/93Fp2/27/

$(".eTime, #ui-datepicker-div").hover(function () {
            $('#dEtime').stop().fadeIn('slow');
        }, function () {
            $('#dEtime').stop().fadeOut('slow');
});