2013-10-01 12 views
5

Tôi có hàm JQuery để thêm lớp vào phần tử. Tôi muốn sử dụng gói hoạt ảnh http://daneden.me/animate/. Để thực hiện việc này, tôi cần phải thêm hai lớp, "hoạt ảnh" và "ví dụ về kiểu hoạt ảnh", vào phần tử của tôi. Tuy nhiên, thay vì thêm một lớp hoạt hình đơn giản, tôi muốn thay đổi animate.css thành animate.less để tôi có thể truyền vào các tham số mixin. Nhưng hàm JQuery addClass() không nhận ra mã của tôi là hợp lệ.JQuery .addClass() với ít mixin

cũ] .animated {// tác} đã được đổi thành: .animated (@duration, @delay) {// tác}

Mã rằng hoạt động mà không mixins:

function waterColorAnmiation(){ 
    $("#stroke1").addClass("animated fadeInUp"); 
} 

Những gì tôi đã cố gắng để sử dụng mixins cho @duration & @delay:

function waterColorAnmiation(){ 
    $("#stroke1").addClass("animated(1, 3) fadeInUp"); 
} 

Vui lòng cho tôi biết nếu bạn có đề xuất hoặc nếu có cách dễ dàng hơn để thực hiện việc này. Cảm ơn!

+0

hoặc cố gắng sử dụng css khung hình chính thay thế? – l2aelba

+0

Tôi không chắc ý bạn là gì? Tôi đang sử dụng khung hình chính cho hoạt ảnh nhưng tôi cần chúng được kích hoạt tại một thời điểm nhất định. Hãy xem jsfiddle của tôi dưới đây. – user1574832

Trả lời

4

Bạn không thể làm điều đó, bạn cần phải xác định một lớp học mới cho mixin animated(1, 3) sau đó sử dụng nó như Trong tập tin ít bạn

.animated13 { 
    .animated(1, 3); 
} 

sau đó

$("#stroke1").addClass("animated13 fadeInUp"); 
+0

Cảm ơn Arun, tuy nhiên nó vẫn không có vẻ như thế này. Vui lòng xem JSFiddle [link] của tôi (http://jsfiddle.net/B5zCu/301/) và xem ý tôi là gì. Hiệu ứng lớp ít lồng nhau hoạt động khi tôi đặt chúng trực tiếp trong css ... nhưng khi tôi sử dụng JQuery để thêm các lớp, nó không hoạt động. Và tôi cần điều này để làm việc kể từ khi tôi muốn có một kích hoạt cho jquery. – user1574832

+0

trông giống như bạn một lỗi chọn http://jsfiddle.net/arunpjohny/UnQ22/1/ ... 'someDiv' thay vì' somediv' trong bộ chọn jQuery –

+0

Sau khi thử phiên bản đó và hai cái mới nhiều lần ... Tôi cuối cùng cũng hiểu cách làm việc. Tôi nghĩ rằng đó chỉ là lỗi cú pháp hoặc một vấn đề thực tế với các tệp animate.css đã được rút gọn! – user1574832

Các vấn đề liên quan