HTML点击之后其他恢复原样,jQuery的 - 之后的.css（）调用，和其他古怪恢复到原来的样式声明...

我试图让一个状态栏，在我的web应用程序，当它接收到消息(通过PHP)生长，然后恢复到它的几秒钟后的原始高度。jQuery的 - 之后的.css()调用，和其他古怪恢复到原来的样式声明

这里的加载页面时应用的CSS：

#status {

height:17px;

background-color:#424242;

-moz-transition:height 1s;

-webkit-transition:height 1s;

}

#status:hover {

height:60px;

}

，这里是当用户收到一条消息，就是所谓的代码。

$('#status').css('height', '60px');

$('#status_message').text('$message').show();

$('#status').delay(1000).css('height', '17px');

但是，我有两个问题。其一，当我拿出脚本中的最后一条语句时，所有的东西都可以工作，所以我认为delay()调用正在搞砸了一些东西。我试着将它移动到第二条语句的末尾，如下所示：

$('#status').css('height', '60px');

$('#status_message').text('$message').show().delay(100000);

$('#status').css('height', '17px');

但这也行不通。我遇到的第二个问题是上面的代码运行，然后我的状态栏的原始CSS悬停事件不起作用。我已经尝试用$ .css()函数重新指定状态栏的所有原始css，但它仍然不起作用。我认为这与我无法重新应用#status：hover事件和jQuery有关，而当我尝试使用.hover()实现相同的行为时，它仍然无法工作。

任何想法？

+0

此外，悬停事件不起作用？ –

2012-04-17 18:45:01