如何在一个呈现的新元素上调用slideDown（）？

Question

我有一个无序的列表，里面的li元素是根据我后端数组中的项目数来呈现的。

当新项目添加到数组中时，会呈现相应的li元素并弹出到我的列表中。是否有可能给每个新的li元素一个slideDown（）动画？

Answer 1

是的，但您需要使用.on（）或.live（），具体取决于您使用的是哪个版本的JQuery。

http://api.jquery.com/on/

http://api.jquery.com/live/

好了，所以尝试这裹这一个功能

function doSlideDown(){ 
    $('ul > li > input[type="checkbox"]').on("click", function() {   

    var parent = $(this).parent("li"); 
    if($(this).is(":checked") === true) { 
    // move to the top 
    $(parent).slideUp(300, function() { 
     $(parent).prependTo($(parent).parent()); 
     $(parent).slideDown(300); 
    }); 
    } else { 
     $(parent).slideUp(300, function() { 
     $(parent).appendTo($(parent).parent()); 
     $(parent).slideDown(300); 
     }); 
    } 
}); 
} 

然后添加此文档准备功能

$(document).ajaxComplete(function() { 
    doSlideDown(); 
}); 

之外这将更新DOM每次运行一些ajax和a增加一个新项目。