jQuery là (': visible') hoạt động hài hước.

Question

Tôi đang gặp sự cố lạ với việc kiểm tra khả năng hiển thị của đối tượng với jQuery.

Tôi có kiểm tra JS này:

alert($myObject.css('display')); 
alert($myObject.is(':visible')); 

Đầu tiên cảnh báo hiển thị 'khối' có ý nghĩa như firebug rõ ràng cho thấy rằng nó được thiết lập để display: block và bạn sẽ nhìn thấy đối tượng trên trang trong trình duyệt.

Cảnh báo thứ hai, mặc dù hiển thị 'sai'. Mà không có ý nghĩa gì với tôi cả.

Tôi có hiểu lầm về việc sử dụng (': visible') không?

Answer 1

Cân nhắc HTML này:

<div id="div1" style="display: none;"> 
    <div id="div2"> 
     <p>Some div content</p> 
    </div> 
</div> 

và JavaScript này:

$myObject = jQuery('#div2'); 
alert($myObject.css('display')); // 'block' 
alert($myObject.is(':visible')); // false 

Có nhiều lý do $myObject có thể không nhìn thấy được, mặc dù nó có display: none phong cách thiết lập. Xem :visible selector docs để biết chi tiết.

Bây giờ có ý nghĩa không?

Answer 2

Bộ chọn :visible không tương đương với thuộc tính css display.

Từ các tài liệu liên quan, có thể nhìn thấy là false khi:

• Họ có một giá trị hiển thị CSS của ai sánh kịp.
• Chúng là các phần tử biểu mẫu có loại = "ẩn".
• Chiều rộng và chiều cao của chúng được đặt rõ ràng là 0.
• Phần tử tổ tiên bị ẩn, do đó phần tử không được hiển thị trên trang.

Answer 3

Từ các tài liệu :visible Selector:

Elements có thể được coi ẩn vì nhiều lý do:

• Họ có một giá trị hiển thị CSS của ai sánh kịp.
• Chúng là các phần tử biểu mẫu có loại = "ẩn".
• Chiều rộng và chiều cao của chúng được đặt rõ ràng là 0.
• Phần tử tổ tiên bị ẩn, do đó phần tử không được hiển thị trên trang.

Kiểm tra xem không có điều kiện nào trong các điều kiện này là đúng.

Answer 4

Vì vậy, câu trả lời:

Nếu ai đó gắn một sự kiện CLICK để đối tượng của bạn mà bạn trước đây không biết, sự kiện đó có thể được điều chỉnh các bất kỳ logic bạn đang cố gắng để sử dụng.;)

Than ôi, đó là những gì đã xảy ra ở đây. Một sự kiện nhấp chuột khác đã được đính kèm với đối tượng này đã được đặt để ẩn cha mẹ của nó. Đó là bắn đầu tiên - trước khi logic của tôi kiểm tra xem nó có nhìn thấy không.

Cuối cùng: lỗi người dùng.

Sẽ có một số hình thức phạt danh tiếng khi đó là sự cố do người dùng gây ra. ;)