Ngăn chặn Cursor Thay đổi để tay lên nút khuyết tật

Question

thể trùng lặp:
jQuery mouseover a disabled link, how do I change the cursor so it doesn’t appear clickable?

Tôi có một nút mà tôi đang cố gắng để vô hiệu hóa trong các trường hợp nhất định mà chức năng của nó là không cần thiết hoặc không thể . Đây là một trong nhiều nút trên trang và tôi chỉ muốn vô hiệu hóa nút cụ thể này.

Hiệu ứng tôi đang tìm kiếm là chuyển sang màu xám, không thể nhấp và con trỏ chuột không thay đổi thành con trỏ khi di chuột qua nút.

Tôi đã thành công thành công ở 2 mục tiêu đầu tiên, nhưng không chắc chắn cách thực hiện mục tiêu thứ ba. Khi tôi tìm kiếm, tôi đã thấy các đề xuất để vô hiệu hóa hành vi này trên toàn cầu, nhưng không phải cho một nút cụ thể.

Đây là những gì tôi có cho đến nay.

if(buttonIsDisabled) 
{ 
    var btnid ="#button"+index; 
    $(btnid).attr("disabled","disabled").fadeTo(500,0.2); 
} 

Điều này làm cho nút không thể nhấp và mờ dần, nhưng trong Firefox và Chrome nó vẫn hiển thị biểu tượng bàn tay khi di chuột. IE8 (mà tôi cũng phải hỗ trợ) vô hiệu hóa chính xác bàn tay và hiển thị con trỏ.

Bất kỳ đề xuất nào về cách thực thi hành vi của IE trong Chrome và Firefox?

Answer 1

Bạn có thể đặt quy tắc "con trỏ" thành giá trị "mặc định". Trong jQuery, bạn có thể sử dụng phương thức css.

$(btnid).css("cursor", "default"); 

Vì bạn đã đang sử dụng $ (btnid), bạn chỉ có thể chuỗi các cuộc gọi, như vậy:

$(btnid).attr("disabled","disabled").css("cursor", "default").fadeTo(500,0.2); 

Answer 2

Bạn cũng có thể đặt kiểu cursor: default thành nút.

Answer 3

Bạn có thể đặt css như thế này:

$(btnid) 
    .attr("disabled","disabled") 
    .css('cursor','default') 
    .fadeTo(500,0.2);