Question

JQuery fadeOut第二次没有运行。

 <div id="clickme">click here</div>

JS

$('#clickme').click(function() {
    $('#feedback').html('hello world').fadeOut('slow', function() {
        $(this).remove();
    });
});

我试过没有删除;在这种情况下它也不起作用。

Answer 1

1 /不要删除元素，而是隐藏它。

2 /你需要在fadeOut之前显示元素，如果它已经被隐藏，它不会淡出。（或使用animate和适当的参数）

http://jsfiddle.net/QmajJ/

$('#clickme').click(function() {
    $('#feedback').html('hello world').show().fadeOut('slow', function() {
        $(this).hide();
    });
});

Answer 2

我不知道你想做什么，但它第二次没有工作，因为你是从第一次删除元素

$('#clickme').click(function() {
    $('#feedback').html('hello world').fadeOut('slow', function() {
        $(this).remove(); // <----- you are removing the feedback element so in the second time there will be no "$('#feedback')" because of that its not working 
    });
});

Answer 3

正确取消绑定您的点击控件

$('#clickme').unbind().click(function() {
   //your content
});

Answer 4

您已删除了要动画的元素

$('#feedback').html('hello world').fadeOut('slow', function() {
    $(this).remove();
});

jQuery fadeOut第二次没有工作

4 个答案: