2011-08-22 60 views
2

我们风格的使用我们的按钮:删除伪选择使用jQuery

.button{blah} 
.button:active{blah} 

当我们提交表单,我们禁用

$('#letterButtons input').attr('disabled','disabled'); 

但WebKit的,此前他们已被禁用它们的按钮仍然“看”活跃,因为他们点击时发生变化。

试过,但没有喜悦......

$('#letterButtons input').removeClass('button:active'); 
$('#letterButtons input').removeClass('button\\:active'); 

在实际设置标签后,我记得我们使用的Zepto,所以它可能是一个仄问题...

+0

确保您的WebKit浏览器是最新版本 - 我在Google上发现一些结果表明这是已解决的浏览器错误(http://forum.jquery.com/topic/is-this-a-错误合WebKit的或-jQuery的禁用输入文本-编程)。 – Blazemonger

回答

3

你可以试试使用:

$('#letterButtons input').trigger('mouseleave'); 

但是,如果鼠标仍然悬停在元素上,这很容易失败。你也可以使用CSS:

#letterButtons button[disabled]:active { 
    color: #999; 
    background-color: #ccc; 
} 
+0

第二个例子工作,非常优雅。谢谢大卫! – markthegrea

+0

不客气,我很高兴得到了帮助! :) –

0

你尝试:

$('#letterButtons input').removeClass('button'); 

在我看来,这是“按钮”是类名。