Jquery – 在追加后执行回调

前端之家收集整理的这篇文章主要介绍了Jquery – 在追加后执行回调前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用以下内容将列表添加到列表中: @H_403_2@$('a.ui-icon-cart').click(function(){ $(this).closest('li').clone().appendTo('#cart ul'); });

我想对附加的内容执行进一步的功能(改变类,应用动画等)

如何对此函数执行回调,这将允许我对附加的数据执行函数

解决方法

jQuery的 .each()接受一个回调函数,并将其应用于jQuery对象中的每个元素。

想象这样的:

@H_403_2@$('a.ui-icon-cart').click(function(){ $(this).closest('li').clone().appendTo('#cart ul').each(function() { $(this).find('h5').remove(); $(this).find('img').css({'height':'40px','width':'40px'}); $(this).find('li').css({'height':'60px','width':'40px'}); }); });

你也可以只存储结果,并改为:

@H_403_2@$('a.ui-icon-cart').click(function(){ var $new = $(this).closest('li').clone().appendTo('#cart ul') $new.find('h5').remove(); $new.find('img').css({'height':'40px','width':'40px'}); $new.find('li').css({'height':'60px','width':'40px'}); });

我还建议,而不是mofiying CSS像你只是添加一个类到您克隆的li喜欢这样:

@H_403_2@$(this).closest('li').clone().addClass("new-item").appendTo('#cart ul');

然后设置一些样式:

@H_403_2@.new-item img,.new-item li { height: 40px; width: 40px; } .new-item h5 { display: none }
原文链接:https://www.f2er.com/jquery/184255.html

猜你在找的jQuery相关文章