我在Chrome浏览器中遇到了一个奇怪的问题。
当侧边栏链接被点击时,我使用ajax回调将光标的CSS样式设置为“wait”。这在Firefox中完美地运作,但是在Chrome中,只有当我把鼠标悬停在链接上时,光标样式才会改变 - 也就是说,在用户仍然悬停在链接上时,样式不会改变。
我做错了什么?以下是相关代码:
// beforeSend callback
$('.ajax-link').bind('ajax:beforeSend', function() {
$('body').css('cursor', 'wait');
$('a').css('cursor', 'wait');
$('article.post').addClass('loading');
});
// success callback
$('.ajax-link').bind('ajax:success', function() {
$('body').css('cursor', 'default');
$('a').css('cursor', 'pointer');
$("article.post").html("<%= escape_javascript(render @post) %>");
});
你可以看到,我使用 $('a').css('cursor', 'wait');
明确地设置了所有锚点的CSS,以便在Firefox中工作,但是Chrome似乎没有注意到这一点。