jquery - 如何从函数内部使用 jQuery 隐藏元素

Question

我有一个我认为非常简单的功能。但是中间的 .hide 和 .removeClass 没有发生。不知道如何解决这个问题。

$(document).ready(function(){
    var li = $(".fb-notification-li");
    function showHide(){
        li.delay(11000);
        $('li.open ul').hide();
        $('li.open').removeClass('open');
        li.fadeIn(600);
        li.delay(20000);
        li.fadeOut(600);
    }
 showHide();                                    
});

编辑 -

根据好建议，我添加了一个jsfiddle。谢谢

Answer 1

问题有点模糊，但我会试一试：

我个人对 .delay() 函数的运气更好。

- 此代码还将修复和处理您的（潜在）范围问题。

$(document).ready(function() {
    $(".fb-notification-li").each(function() {

        setTimeout(11000, function() {
            $(this, '.open ul').hide();
            $(this, '.open').removeClass('open');
            $(this).fadeIn(600);
            setTimeout(200000, function() {
                $(this).fadeOut(600);
            })
        });
    });
});