Question

function modalClosed(){
    $("div#tab" + tabId).find('ul')
                        .prepend("<li>item</li>")
                        .hide()
                        .fadeIn('slow');
}

我希望列表（<li>）可以预先添加并逐渐淡出，遗憾的是我无法使用$(this)，上面的代码效果不好，它适用影响所有<li>。

Answer 1

这是因为.prepend()会返回ul元素而非附加的li元素，因此您隐藏/显示ul元素。您可以使用prependTo()方法撤消逻辑，现在.hide()和.fadeIn()将应用于附加元素而不是ul元素。

$("<li>item</li>").hide()
                  .prependTo("#tab"+tabId+" ul")
                  .fadeIn('slow');

http://jsfiddle.net/5yj7v/

Answer 2

function modalClosed(num) {
     $("div#tab" + tabId).find('ul')
                        .prepend("<li>item</li>")
                        .hide()
                        .fadeIn('slow', function() {
                            // callback function, called when fadeIn has finished
                            if(num > 1) {
                                modalClosed(num - 1);
                            }
                        });
}

Answer 3

据我了解你想要在所有礼品上一个接一个地淡出效果。如果这是正确的，请尝试以下方法：

var time=1000;
$("div#tab"+tabId+" ul").prepend("<li>item</li>");
$("div#tab"+tabId+" ul li").each(function() {
    $(this).hide();
    $(this).fadeIn(time);
    time+= 800;
});

http://jsfiddle.net/PV4dC/5/

当无法使用$（this）时定位单个元素

3 个答案: