为什么我不能用
jquery更改标签的CSS？例如,
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>
链接1和2不可单击,所以我想删除指针光标.
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();
}
});
可能吗？
jsfiddle
解决方法
如果你想要,你可以简单地用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
如果要禁用链接,也可以使用CSS pointer-events：none;属性
Demo 2(如果JS被禁用,将帮助您,这不会提醒消息,但它将帮助您禁用您尝试执行的事件)