Question

我正在尝试使用.show("blind", "slow") Jquery-ui效果，.hide("blind", "slow")使用.hover()。我想在.hover()上button并显示div，然后离开button我会.hide("blind", "slow")。问题是如果我快速离开并且没有完全显示div，那么一旦再次悬停，我就不会再回到他的全高度。

这是我的代码，我包含了js小提琴

HTML代码

<div id="state-slider">
    My Slider
</div>

<button id="trigger">
Button
</button>

CSS代码

#state-slider {
    position: fixed;
    top: 50px;
    left: -270px;
    width: 500px;
    min-height: 100px;
    background-color: #ff9000;
}

Jquery的

$(function() {
    $("#trigger").hover(function() {
        $("#state-slider").dequeue().stop().show("blind", "slow");
    }, function() {
        $('#state-slider').dequeue().stop().hide("blind", "slow");
    });
});

非常感谢的Fabrizio

Answer 1

编辑：

$('#calendar').find('.fc-slats').find('[class="fc-widget-content"]').hover(
function() {
    var tr = $(this).parent();
    var time = tr.find('td.fc-axis.fc-time.fc-widget-content').find("span").text();
    $(this).append('<td class="temp_cell" style="border: 0px; width:5px;">'+time+'</td>');
},          
function() {                        
    $(this).children('.temp_cell').remove();
});

以这种方式试试，如果你快速盘旋并再次回来，它会跳到任何动画的结尾

Jquery在.hover（）上显示和隐藏div

1 个答案: