Prevent Kursor Zmiana strony przycisku niepełnosprawnych

Question

Powiel możliwe:
jQuery mouseover a disabled link, how do I change the cursor so it doesn’t appear clickable?

Mam przycisk, który ja próbuje wyłączyć w niektórych przypadkach, gdy jego działanie jest zbędne lub niemożliwe . Jest to jeden z wielu przycisków na stronie i chcę tylko wyłączyć ten konkretny przycisk.

Efekt, którego szukam, to wyszarzenie, niemożliwe do sklejenia, a wskaźnik myszy nie zmienia się w wskaźnik ręki, gdy unosi się nad przyciskiem.

Udało mi się osiągnąć pierwsze dwa cele, ale nie jestem pewien, jak sprawić, by trzecia się zdarzyła. Podczas wyszukiwania zobaczyłem sugestie globalnego wyłączenia tego zachowania, ale nie dla konkretnego przycisku.

Oto, co mam do tej pory.

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

To sprawia, że ​​z powodzeniem przycisk unclickable i zanika go, ale w Firefox i Chrome nadal pokazuje się ikona ręka po najechaniu. IE8 (który również muszę obsługiwać) poprawnie wyłącza dłoń i pokazuje kursor.

Jakieś sugestie, jak wymusić zachowanie przeglądarki Internet Explorer w przeglądarce Chrome i Firefox?

Answer 1

Możesz ustawić regułę "kursora" na wartość "domyślną". W jQuery można użyć metody css.

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

Skoro już używasz $ (btnid), można po prostu łańcuch połączeń, tak jak poniżej:

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

Answer 2

Można również ustawić styl przycisku cursor: default na przycisku.

Answer 3

Można ustawić css tak:

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