jQuery - Nếu phần tử có lớp làm điều này

Question

Tôi cần một tập lệnh jQuery sẽ thấy nếu bất kỳ phần tử nào có một lớp cụ thể và thực hiện một hành động như thay đổi vị trí.

Đây là cách, nhưng tôi không nghĩ rằng điều này sẽ hoạt động.

$("a.contact").toggle(function() { 
    $("#contact").animate({ 
     right: '0' 
    }, 2000); 

    if ($("#about").hasClass("opened")) { 
     $("#about").animate({ 
      right: -700 + "px" 
     }, 2000); 
    } 
}, function() { 
    $("#contact").animate({ 
     right: -700 + "px" 
    }, 2000); 
}); 

Answer 1

Trước tiên, bạn đang thiếu một số dấu ngoặc đơn trong điều kiện của bạn:

if ($("#about").hasClass("opened")) { 
    $("#about").animate({right: "-700px"}, 2000); 
} 

Nhưng bạn cũng có thể đơn giản hóa này để:

$('#about.opened').animate(...); 

Nếu #about không có lớp opened , nó sẽ không hoạt hình.

Nếu vấn đề là với các hình ảnh động riêng của mình, chúng tôi cần phải biết thêm về vị trí nguyên tố của bạn (tuyệt đối? Tuyệt đối bên mẹ tương đối? Nào phụ huynh có bố trí?)