jQuery fadeOut() 和点击问题

Question

这是针对返回者的，作为 PHP 驱动的 CMS 的一部分。

我们希望返回者（如果有类 admin）添加 div hide，这是一个小 X 按钮。返回者应该在 4 秒后自动淡出()，或者如果用户点击 hide 按钮，返回淡出()。

每个 //HERE 代码都单独运行，但它们一起只会运行延迟的 fadeOut() 而而不是被点击的代码！

任何帮助都会很棒。谢谢，尼克。

$(".success, .info, .warning, .error").each(function(){
    if(!$(this).hasClass("admin")){
        $(this).append('<div class="hide"></div>');
        $(this).delay(4000).fadeOut(); // HERE
    }
});
$(".hide").click(function(){
    $(this).parent().fadeOut(); // HERE
});

Answer 1

由于.hide 是动态附加的，因此您需要使用.live()（或delegate）才能使点击处理程序正常工作。

由于您使用的是delay()，因此请尝试在父级上调用.stop() 以清除运行淡出动画的延迟。

$(".hide").live('click', function(){
    $(this).parent().stop().fadeOut(); // HERE
});

jsfiddle 上的示例。

Answer 2

if($(this).hasClass("admin")){}else{

使用 ! $之前的

if ( !$(this).hasClass("admin") ) {

这避免了不需要的 if/else。你能发布一些 HTML 来看看 parent() 指的是什么吗？