Làm thế nào để chuyển biến thành các thuộc tính hàm jquery animate?

Question

function SlideObject(Side) { 
    $("#div").animate({ 
     margin+Side: "-1000px", 
     opacity: "hide" 
    }, 1000); 
} 

Tôi muốn chuyển giá trị cho "Bên" vào tên của số nhận dạng thuộc tính (lề) cho hàm animate.

Tôi biết rằng "lề + cạnh" không hợp lệ, nó chỉ có ở dạng người giữ chỗ. Ví dụ: nếu tôi chỉ định tên thuộc tính theo cách thủ công, nó có thể là "marginLeft" để đặt tên cho một ví dụ. Tôi muốn cung cấp "Trái", "Phải", "Trên cùng" hoặc "Dưới cùng" làm thông số cho hàm SlideObject.

Tôi đang gặp sự cố khi thực hiện việc này và một ví dụ sẽ tuyệt vời.

Cảm ơn

Answer 1

Thứ nhất, không sử dụng eval() để làm điều này. Không cần thiết và mở trang web của bạn thành các lỗ hổng nếu bạn đang sử dụng bất kỳ cách nào bằng cách sử dụng đầu vào của người dùng như một phần của điều đó (trực tiếp hoặc gián tiếp). Đúng cách để làm điều này là:

<div id="div">This is a test</div> 

với CSS:

và Javascript:

function slideObject(side) { 
    var anim = {opacity: 0}; 
    anim["margin" + side] = "-1000px"; 
    $("#div").animate(anim, 1000); 
} 

$(function() { 
    slideObject("Left"); 
}); 

Bạn sẽ lưu ý rằng giá trị opacity được thay đổi thành 0. hide được không phải là giá trị hợp lệ cho opacity.

Về cơ bản bạn tạo đối tượng ẩn danh và sau đó gán thuộc tính động sử dụng [].