Css 当用户将鼠标悬停在链接上时,在Chrome中更改光标样式失败
我在Chrome上看到了一个奇怪的问题 我使用一个ajax回调函数,在单击侧边栏链接时,将光标的css样式设置为“wait”。这在firefox中非常有效,但在Chrome上,光标样式只有在我离开链接时才会改变,也就是说,当用户仍停留在链接上时,光标样式不会改变 我做错了什么?以下是相关代码:Css 当用户将鼠标悬停在链接上时,在Chrome中更改光标样式失败,css,google-chrome,Css,Google Chrome,我在Chrome上看到了一个奇怪的问题 我使用一个ajax回调函数,在单击侧边栏链接时,将光标的css样式设置为“wait”。这在firefox中非常有效,但在Chrome上,光标样式只有在我离开链接时才会改变,也就是说,当用户仍停留在链接上时,光标样式不会改变 我做错了什么?以下是相关代码: // beforeSend callback $('.ajax-link').bind('ajax:beforeSend', function() { $('body').css('cursor',
// 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) %>");
});
//在发送回调之前
$('.ajax-link').bind('ajax:beforeSend',function(){
$('body').css('cursor','wait');
$('a').css('cursor','wait');
$('article.post').addClass('loading');
});
//成功回调
$('.ajax-link').bind('ajax:success',function()){
$('body').css('cursor','default');
$('a').css('cursor','pointer');
$(“article.post”).html(“”);
});
如您所见,我也使用
$('a').css('cursor','wait')为所有锚显式设置css代码>使其在firefox中工作,但Chrome似乎没有注意到这一点。好的,这是Chrome和Safari的错误:
对此我无能为力,我想我可以接受它测试一下:使用Chrome 12.0.742.9 dev-m/Windows 7,它对我来说运行正常-没有bug。你用的是什么版本?也许已经修好了?(或者我的测试有缺陷)你是对的,看起来新版本的Chrome已经修复了这个bug。我刚刚在一个开发版本中进行了测试,它工作正常。谢谢,这让我松了一口气。