jquery: usunąć kursor wskaźnika?

Question

Dlaczego nie mogę zmienić kodu CSS znacznika a za pomocą jquery? Na przykład,

html,

<a href="#">1</a> 
<a href="">2</a> 
<a href="http://website.com/#/home/about/">3</a> 
<a href="http://website.com/home/about/">4</a> 

link 1 i 2 nie są klikalne, więc chcę, aby usunąć kursor wskaźnika.

jquery,

$("a").click(function(e){ 
    if($(this).attr("href") == "#" || $(this).attr("href") == "") { 
     alert("this is non-clickable"); 
     $(this).css({cursor:"default"}); 
     e.preventDefault(); 
    } 
    else{ 
     alert($(this).attr("href")); 
     $(this).css({cursor:"pointer"}); 
     e.preventDefault(); 
    } 
}); 

jest to możliwe?

jsfiddle

Answer 1

Jeśli chcesz, możesz po prostu zrobić to z CSS

a[href="\#"], a[href=""] { 
    cursor: default; 
} 
/* I've used an element[attr] selector here which will select all a tags 
    with this combination, if you want to target specific a tags, 
    wrap them in an element with a class and you can than refer as 
    .class a[href]... */ 

Demo

Jeśli chcesz wyłączyć linki, można osiągnąć, że zbyt przy użyciu CSS pointer-events: none; Właściwość

Demo 2 (Pomoże Ci, jeśli JS jest wyłączony, to nie ostrzeże wiadomość, ale pomoże Ci wyłączyć zdarzenie, które próbujesz ing do zrobienia)

Answer 2

Twój błąd jest w jquery css. Musisz cytaty okrągłe css twoi js powinna wyglądać następująco:

$("a").click(function(e){ 
    if($(this).attr("href") == "#" || $(this).attr("href") == "") { 
     alert("this is non-clickable"); 
     $(this).css({'cursor' :"default"}); 
     e.preventDefault(); 
    } 
    else{ 
     alert($(this).attr("href")); 
     $(this).css({'cursor':"pointer"}); 
     e.preventDefault(); 
    } 
}); 

Również można użyć metody addClass następnie w css mają styl bez href

Answer 3

Spróbuj zmienić linia

formularz

$(this).css({cursor:"default"}); 

do

$(this).css('cursor','default'); 

dać mi znać, jeśli napotkają żadnych problemów