当用户悬停在链接上时,在Chrome中更改光标样式失败

3

我在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似乎没有注意到这一点。


1
通过 Chrome 12.0.742.9 dev-m / Windows 7 测试此链接 http://jsfiddle.net/thirtydot/HMfzL/,在我的电脑上运行良好 - 没有 bug。你使用的是哪个版本?也许问题已经被修复了?(或者我的测试有缺陷) - thirtydot
没错,看起来这个 bug 在新版本的 Chrome 中已经被修复了。我刚在开发版中测试过,它正常工作。谢谢,这真是一件大好事。 - stephenmurdoch
1个回答

4

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接