0

我真的不明白为什么这个 jQuery 代码:

boxStop = function() {
    var box = $('.box:last');
    box.stop().slideToggle(150, function() {
        box.remove();
    });
}


$(document).on('mouseover', '.test', function() {
    var el = $(this);
    $('body').append('<div class="box"></div>');
    var box = $('.box:last');
    var posTop = el.offset().top;
    var posLeft = el.offset().left;
    box.hide().css({
        'left': posLeft,
        'top': posTop
    }).html('azerty<br>azerty<br>azerty<br>azerty<br>azerty<br>azerty<br>azerty').slideToggle(150);
}).on('mouseout', '.test', function() {
    if (!$('.box').is(':hover')){boxStop();}
});

$(document).on('mouseout', '.box', function() {
        boxStop();
});

正在研究 jsFiddle:

http://jsfiddle.net/malamine_kebe/VECEJ/

但是在我的电脑上,当鼠标从 .test 变为 .box 时,.box 滑动切换而不是停留。

4

0 回答 0