Jquery - Thực hiện cuộc gọi lại sau khi gắn

Question

tôi phụ thêm nội dung vào một danh sách sử dụng:

$('a.ui-icon-cart').click(function(){ 
     $(this).closest('li').clone().appendTo('#cart ul'); 
    }); 

Tôi muốn thực hiện chức năng tiếp tục đến nội dung nối (thay đổi lớp, áp dụng các hình ảnh động vv)

Làm thế nào tôi có thể thực hiện một cuộc gọi lại trên chức năng này sẽ cho phép tôi thực hiện các chức năng trên dữ liệu được nối thêm?

Answer 1

jQuery .each() mất một chức năng gọi lại và áp dụng nó vào mỗi phần tử trong đối tượng jQuery.

Hãy tưởng tượng một cái gì đó như thế này:

$('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'}); 
    }); 
}); 

Bạn cũng có thể chỉ lưu trữ các kết quả và làm việc trên nó thay vì:

$('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'}); 
}); 

Tôi cũng xin đề nghị rằng thay vì mofiying CSS như thế bạn chỉ cần thêm một lớp vào li nhân bản của bạn như sau:

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

Sau đó, thiết lập một số kiểu như:

.new-item img, .new-item li { height: 40px; width: 40px; } 
.new-item h5 { display: none } 

Answer 2

Bạn chỉ có thể giữ chuỗi các hoạt động tiếp theo tại dấu chấm phẩy.

$(this).closest('li').clone().appendTo('#cart ul').addClass('busy').fade('fast'); 

vv

Answer 3

Không thể thêm hoạt động gọi lại vào hoạt động dom không phải là thứ có thể được thực hiện một cách gọn gàng bằng javascript. Vì lý do này nó không có trong thư viện jQuery. Một settimeout với bộ đếm thời gian "1ms" tuy nhiên luôn đặt chức năng trong settimeout ở dưới cùng của ngăn xếp cuộc gọi. Điều này không hoạt động! Thư viện underscore.js sử dụng kỹ thuật này trong _.defer, thực hiện chính xác những gì bạn muốn.

$('a.ui-icon-cart').click(function(){ 
    $(this).closest('li').clone().appendTo('#cart ul'); 
    setTimeout(function() { 
     // The LI is now appended to #cart UL and you can mess around with it. 
    }, 1); 
});