hoạt ảnh jQuery Vị trí của jQuery Ui()

Question

Làm cách nào để tạo hiệu ứng động từ vị trí hiện tại sang giữa bằng cách sử dụng position({of:,my:,at:})? Có cách nào để tự động hóa quy trình hay không hoặc tôi phải tạo hiệu ứng động các thuộc tính CSS theo cách thủ công?

Answer 1

Bạn đã xem .animate() chưa?

Chỉnh sửa: Bây giờ tôi hiểu những gì bạn đang tìm kiếm tốt hơn một chút, here is a jQuery plugin that I wrote to do this very thing.

Here's a quick jsFiddle as an example.

Tôi đã chọn tùy chọn đối tượng có thể định cấu hình. Ví dụ:

$('#clickme').click(function() { 
    $('#blah').align({speed:1000,y:false}); 
});​ 

CHỈNH SỬA: lấy mã khác vì nó không còn cần thiết và chỉ lộn xộn mọi thứ. Làm sạch mã mới của tôi. Đã khắc phục sự cố định vị cha mẹ bị lệch. Đã thêm một liên kết đến kho git và jsFiddle bằng cách sử dụng phiên bản nguồn mới nhất.

Answer 2

Câu trả lời này có thể đã đúng vào tháng 2, nhưng giờ đây có một cách dễ dàng hơn nhiều.

Phương pháp vị trí cần tham số using chỉ dành cho mục đích này. Ví dụ:

$(div).position({ 
    at: "left+50% top+50%", 
    of: $(div).parent(), 
    using: function(css, calc) { 
     $(this).animate(css, 200, "linear"); 
    } 
});