JQuery: Kiểm tra xem một Thành phần có bị Ẩn từ người dùng

Question

Cách kiểm tra xem một phần tử cụ thể có bị ẩn khỏi người dùng không? Trong mã của tôi, dưới những điều kiện nhất định, mã này sẽ được gọi là:

$("#VersionSelectField").hide('fast'); 

Vì vậy, tôi phải chắc chắn rằng nếu $("#VersionSelectField") là ẩn, sau đó tôi sẽ không cần phải xác nhận các giá trị bên trong nó khi tôi gửi biểu mẫu (Tôi sử dụng JQuery Validate library cho mục đích này).

Bất kỳ ý tưởng nào?

Answer 1

$("#VersionSelectField").is(':hidden'); 

Answer 2

Hãy thử $("#versionselectfield[display='none']").length > 0.

Answer 3

này làm việc cho tôi:

$("#VersionSelectField").css("display") == "none"; 

Answer 4

Bạn có thể sử dụng callback của phương pháp() ẩn. Ví dụ:

$("#VersionSelectField").hide('fast', function() { 
    GlobalVersionSelectFieldHidden = true; 
}); 

Trên đây là phương pháp duy nhất để tận dụng điều đó, về cơ bản là gọi lại sẽ chỉ cháy khi hoạt hình xong (tức là, hoàn toàn ẩn). Tất nhiên gây ô nhiễm phạm vi biến toàn cầu là rất nghịch ngợm nhưng chỉ là một ví dụ nhanh.

Cách khác, kiểm tra xem hiển thị là "không" như đề xuất Đánh dấu cũng hoạt động, vì hiệu ứng JQ sẽ ẩn hoàn toàn mọi thứ bằng cách sử dụng thuộc tính css cụ thể đó.