jquery - Jquery 动画“悬停”丢失删除项目

Question

我正在尝试从列表中删除一个项目而不会丢失动画“悬停”： jsfiddle

代码

$(window).load(function() {

    $('.parent').hover(function() {

        $('.child').css({
            "width": "320px",
            "height": "300px"
        });
        $(this).find('.child').dequeue().stop().slideToggle("fast");

    });

    $(".binda").click(function() {
        $(this).remove()
    });

});​

Answer 1

试试这个演示 http://jsfiddle.net/pYa87/

接口：

• .mouseover- http://api.jquery.com/mouseover/
• .slideUp- http://api.jquery.com/slideUp/

希望它适合原因:)

代码

$(window).load(function() {

    $('.parent').mouseover(function() {

        $('.child').css({
            "width": "320px",
            "height": "300px"
        });
        $(this).find('.child').dequeue().stop().slideDown("fast");

    }).mouseout(function() {

        $(this).find('.child').dequeue().stop().slideUp("fast");
    });

    $(".binda").click(function() {
        $(this).remove()
    });

});​

Answer 2

你的方法是有道理的，但不幸的是行不通。我修复了小提琴并根据我认为您正在尝试做的事情来实现您可以做的事情。

$(window).load(function() {

    $('.parent').hover(function() {
        $('.child').stop().slideDown('fast');
    }, function() {
        $('.child').stop().slideUp('fast');
    });

    $('.binda').click(function() {
        $(this).remove();
    });

});​

小提琴